@progress/kendo-theme-fluent 14.5.1-dev.3 → 14.5.1-dev.5

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

@@ -25616,7 +25616,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-dock-manager-pane-header-padding-y",
-            "value": "var( --kendo-dock-manager-pane-header-padding-y, k-spacing(4) )",
+            "value": "var( --kendo-dock-manager-pane-header-padding-y, k-spacing(4.5) )",
             "scope": "default",
             "line": {
                 "start": 19,
@@ -25966,7 +25966,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-dock-manager-tabbed-pane-padding-y",
-            "value": "var( --kendo-dock-manager-tabbed-pane-padding-y, k-spacing(7) )",
+            "value": "var( --kendo-dock-manager-tabbed-pane-padding-y, var( --kendo-dock-manager-pane-header-padding-y, k-spacing(4.5) ) )",
             "scope": "default",
             "line": {
                 "start": 64,
@@ -34169,6 +34169,31 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The border radius of the floating Toolbar.\n",
+        "commentRange": {
+            "start": 4,
+            "end": 5
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-floating-toolbar-border-radius",
+            "value": "var( --kendo-floating-toolbar-border-radius, #{k-border-radius(md)} )",
+            "scope": "default",
+            "line": {
+                "start": 6,
+                "end": 6
+            }
+        },
+        "group": [
+            "floating-toolbar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "floating-toolbar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The default size of the Form.\n",
         "commentRange": {
@@ -50447,14 +50472,14 @@
         }
     },
     {
-        "description": "The default size of the Menu group.\n",
+        "description": "The default size of the Menu.\n",
         "commentRange": {
             "start": 7,
             "end": 9
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-group-default-size",
+            "name": "kendo-menu-default-size",
             "value": "\"md\"",
             "scope": "default",
             "line": {
@@ -50475,24 +50500,27 @@
         }
     },
     {
-        "description": "The width of the border around the Menu.\n",
+        "description": "The default size of the Menu group.\n",
         "commentRange": {
             "start": 12,
-            "end": 13
+            "end": 14
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-border-width",
-            "value": "var( --kendo-menu-border-width, #{k-spacing(0)} )",
+            "name": "kendo-menu-group-default-size",
+            "value": "\"md\"",
             "scope": "default",
             "line": {
-                "start": 14,
-                "end": 14
+                "start": 15,
+                "end": 15
             }
         },
         "group": [
             "menu"
         ],
+        "role": [
+            "default"
+        ],
         "access": "public",
         "file": {
             "path": "menu/_variables.scss",
@@ -50500,19 +50528,19 @@
         }
     },
     {
-        "description": "The font family of the Menu.\n",
+        "description": "The width of the border around the Menu.\n",
         "commentRange": {
-            "start": 16,
-            "end": 17
+            "start": 17,
+            "end": 18
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-font-family",
-            "value": "var( --kendo-menu-font-family, var(--kendo-font-family) )",
+            "name": "kendo-menu-border-width",
+            "value": "var( --kendo-menu-border-width, #{k-spacing(0)} )",
             "scope": "default",
             "line": {
-                "start": 18,
-                "end": 18
+                "start": 19,
+                "end": 19
             }
         },
         "group": [
@@ -50525,19 +50553,19 @@
         }
     },
     {
-        "description": "The font size of the Menu.\n",
+        "description": "The font family of the Menu.\n",
         "commentRange": {
-            "start": 19,
-            "end": 20
+            "start": 21,
+            "end": 22
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-font-size",
-            "value": "var( --kendo-menu-font-size, var(--kendo-font-size) )",
+            "name": "kendo-menu-font-family",
+            "value": "var( --kendo-menu-font-family, var(--kendo-font-family) )",
             "scope": "default",
             "line": {
-                "start": 21,
-                "end": 21
+                "start": 23,
+                "end": 23
             }
         },
         "group": [
@@ -50550,19 +50578,19 @@
         }
     },
     {
-        "description": "The line heights of the Menu used along with $kendo-font-size.\n",
+        "description": "The font size of the Menu.\n",
         "commentRange": {
-            "start": 22,
-            "end": 23
+            "start": 24,
+            "end": 25
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-line-height",
-            "value": "var( --kendo-menu-line-height, var(--kendo-line-height) )",
+            "name": "kendo-menu-font-size",
+            "value": "var( --kendo-menu-font-size, var(--kendo-font-size) )",
             "scope": "default",
             "line": {
-                "start": 24,
-                "end": 24
+                "start": 26,
+                "end": 26
             }
         },
         "group": [
@@ -50575,19 +50603,19 @@
         }
     },
     {
-        "description": "The background color of the Menu.\n",
+        "description": "The line heights of the Menu used along with $kendo-font-size.\n",
         "commentRange": {
-            "start": 26,
-            "end": 27
+            "start": 27,
+            "end": 28
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-bg",
-            "value": "var( --kendo-menu-bg, transparent )",
+            "name": "kendo-menu-line-height",
+            "value": "var( --kendo-menu-line-height, var(--kendo-line-height) )",
             "scope": "default",
             "line": {
-                "start": 28,
-                "end": 28
+                "start": 29,
+                "end": 29
             }
         },
         "group": [
@@ -50600,19 +50628,19 @@
         }
     },
     {
-        "description": "The text color of the Menu.\n",
+        "description": "The font size of the small Menu.\n",
         "commentRange": {
-            "start": 29,
-            "end": 30
+            "start": 31,
+            "end": 32
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-text",
-            "value": "var( --kendo-menu-text, #{k-color(on-app-surface)} )",
+            "name": "kendo-menu-sm-font-size",
+            "value": "var( --kendo-menu-sm-font-size, var(--kendo-font-size-sm) )",
             "scope": "default",
             "line": {
-                "start": 31,
-                "end": 31
+                "start": 33,
+                "end": 33
             }
         },
         "group": [
@@ -50625,19 +50653,19 @@
         }
     },
     {
-        "description": "The border color of the Menu.\n",
+        "description": "The font size of the large Menu.\n",
         "commentRange": {
-            "start": 32,
-            "end": 33
+            "start": 34,
+            "end": 35
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-border",
-            "value": "var( --kendo-menu-border, initial )",
+            "name": "kendo-menu-lg-font-size",
+            "value": "var( --kendo-menu-lg-font-size, var(--kendo-font-size-lg) )",
             "scope": "default",
             "line": {
-                "start": 34,
-                "end": 34
+                "start": 36,
+                "end": 36
             }
         },
         "group": [
@@ -50650,19 +50678,19 @@
         }
     },
     {
-        "description": "The shadow of the Menu.\n",
+        "description": "The line height of the small Menu.\n",
         "commentRange": {
-            "start": 35,
-            "end": 36
+            "start": 38,
+            "end": 39
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-shadow",
-            "value": "var( --kendo-menu-shadow, none )",
+            "name": "kendo-menu-sm-line-height",
+            "value": "var( --kendo-menu-sm-line-height, var(--kendo-line-height-lg) )",
             "scope": "default",
             "line": {
-                "start": 37,
-                "end": 37
+                "start": 40,
+                "end": 40
             }
         },
         "group": [
@@ -50675,19 +50703,19 @@
         }
     },
     {
-        "description": "The horizontal padding of Menu item.\n",
+        "description": "The line height of the large Menu.\n",
         "commentRange": {
-            "start": 42,
-            "end": 43
+            "start": 41,
+            "end": 42
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-padding-x",
-            "value": "var( --kendo-menu-item-padding-x, #{k-spacing(2)} )",
+            "name": "kendo-menu-lg-line-height",
+            "value": "var( --kendo-menu-lg-line-height, var(--kendo-line-height-sm) )",
             "scope": "default",
             "line": {
-                "start": 44,
-                "end": 44
+                "start": 43,
+                "end": 43
             }
         },
         "group": [
@@ -50700,15 +50728,15 @@
         }
     },
     {
-        "description": "The vertical padding of the Menu item.\n",
+        "description": "The background color of the Menu.\n",
         "commentRange": {
             "start": 45,
             "end": 46
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-padding-y",
-            "value": "var( --kendo-menu-item-padding-y, #{k-spacing(3)} )",
+            "name": "kendo-menu-bg",
+            "value": "var( --kendo-menu-bg, transparent )",
             "scope": "default",
             "line": {
                 "start": 47,
@@ -50725,19 +50753,19 @@
         }
     },
     {
-        "description": "The spacing between the Menu items.\n",
+        "description": "The text color of the Menu.\n",
         "commentRange": {
-            "start": 49,
-            "end": 50
+            "start": 48,
+            "end": 49
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-spacing",
-            "value": "var( --kendo-menu-item-spacing, #{k-spacing(0)} )",
+            "name": "kendo-menu-text",
+            "value": "var( --kendo-menu-text, #{k-color(on-app-surface)} )",
             "scope": "default",
             "line": {
-                "start": 51,
-                "end": 51
+                "start": 50,
+                "end": 50
             }
         },
         "group": [
@@ -50750,19 +50778,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": 51,
+            "end": 52
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-icon-spacing",
-            "value": "var( --kendo-menu-item-icon-spacing, #{$kendo-icon-spacing} )",
+            "name": "kendo-menu-border",
+            "value": "var( --kendo-menu-border, initial )",
             "scope": "default",
             "line": {
-                "start": 54,
-                "end": 54
+                "start": 53,
+                "end": 53
             }
         },
         "group": [
@@ -50775,19 +50803,19 @@
         }
     },
     {
-        "description": "The spacing used for the menu expand arrow negative offset.\n",
+        "description": "The shadow of the Menu.\n",
         "commentRange": {
-            "start": 56,
-            "end": 57
+            "start": 54,
+            "end": 55
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-expand-arrow-spacing",
-            "value": "var( --kendo-menu-expand-arrow-spacing, #{k-spacing(2)} )",
+            "name": "kendo-menu-shadow",
+            "value": "var( --kendo-menu-shadow, none )",
             "scope": "default",
             "line": {
-                "start": 58,
-                "end": 58
+                "start": 56,
+                "end": 56
             }
         },
         "group": [
@@ -50800,19 +50828,19 @@
         }
     },
     {
-        "description": "The font weight of the selected Menu item.\n",
+        "description": "The horizontal padding of Menu item.\n",
         "commentRange": {
-            "start": 60,
-            "end": 61
+            "start": 61,
+            "end": 62
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-selected-font-weight",
-            "value": "var( --kendo-menu-item-selected-font-weight, var(--kendo-font-weight-bold) )",
+            "name": "kendo-menu-item-padding-x",
+            "value": "var( --kendo-menu-item-padding-x, #{k-spacing(1.5)} )",
             "scope": "default",
             "line": {
-                "start": 62,
-                "end": 62
+                "start": 63,
+                "end": 63
             }
         },
         "group": [
@@ -50825,15 +50853,15 @@
         }
     },
     {
-        "description": "The text color of Menu item.\n",
+        "description": "The vertical padding of the Menu item.\n",
         "commentRange": {
             "start": 64,
             "end": 65
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-text",
-            "value": "var( --kendo-menu-item-text, #{$kendo-menu-text} )",
+            "name": "kendo-menu-item-padding-y",
+            "value": "var( --kendo-menu-item-padding-y, #{k-spacing(1.5)} )",
             "scope": "default",
             "line": {
                 "start": 66,
@@ -50850,19 +50878,19 @@
         }
     },
     {
-        "description": "The background color of Menu item.\n",
+        "description": "The horizontal padding of the small Menu item.\n",
         "commentRange": {
-            "start": 67,
-            "end": 68
+            "start": 68,
+            "end": 69
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-bg",
-            "value": "var( --kendo-menu-item-bg, transparent )",
+            "name": "kendo-menu-sm-item-padding-x",
+            "value": "var( --kendo-menu-sm-item-padding-x, #{k-spacing(1)} )",
             "scope": "default",
             "line": {
-                "start": 69,
-                "end": 69
+                "start": 70,
+                "end": 70
             }
         },
         "group": [
@@ -50875,15 +50903,15 @@
         }
     },
     {
-        "description": "The text color of hovered Menu item.\n",
+        "description": "The horizontal padding of the large Menu item.\n",
         "commentRange": {
             "start": 71,
             "end": 72
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-hover-text",
-            "value": "var( --kendo-menu-item-hover-text, #{k-color(on-base)} )",
+            "name": "kendo-menu-lg-item-padding-x",
+            "value": "var( --kendo-menu-lg-item-padding-x, #{k-spacing(2.5)} )",
             "scope": "default",
             "line": {
                 "start": 73,
@@ -50900,19 +50928,19 @@
         }
     },
     {
-        "description": "The background color of hovered Menu item.\n",
+        "description": "The vertical padding of the small Menu item.\n",
         "commentRange": {
-            "start": 74,
-            "end": 75
+            "start": 75,
+            "end": 76
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-hover-bg",
-            "value": "var( --kendo-menu-item-hover-bg, #{k-color(base-hover)} )",
+            "name": "kendo-menu-sm-item-padding-y",
+            "value": "var( --kendo-menu-sm-item-padding-y, #{k-spacing(1)} )",
             "scope": "default",
             "line": {
-                "start": 76,
-                "end": 76
+                "start": 77,
+                "end": 77
             }
         },
         "group": [
@@ -50925,15 +50953,15 @@
         }
     },
     {
-        "description": "The text color of active Menu item.\n",
+        "description": "The vertical padding of the large Menu item.\n",
         "commentRange": {
             "start": 78,
             "end": 79
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-active-text",
-            "value": "var( --kendo-menu-item-active-text, #{$kendo-menu-item-hover-text} )",
+            "name": "kendo-menu-lg-item-padding-y",
+            "value": "var( --kendo-menu-lg-item-padding-y, #{k-spacing(2.5)} )",
             "scope": "default",
             "line": {
                 "start": 80,
@@ -50950,19 +50978,19 @@
         }
     },
     {
-        "description": "The background color of active Menu item.\n",
+        "description": "The spacing between the Menu items.\n",
         "commentRange": {
-            "start": 81,
-            "end": 82
+            "start": 82,
+            "end": 83
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-active-bg",
-            "value": "var( --kendo-menu-item-active-bg, #{k-color(base-active)} )",
+            "name": "kendo-menu-item-spacing",
+            "value": "var( --kendo-menu-item-spacing, #{k-spacing(0)} )",
             "scope": "default",
             "line": {
-                "start": 83,
-                "end": 83
+                "start": 84,
+                "end": 84
             }
         },
         "group": [
@@ -50975,15 +51003,15 @@
         }
     },
     {
-        "description": "The text color of focused Menu item.\n",
+        "description": "The spacing between the Menu item text and icons.\n",
         "commentRange": {
             "start": 85,
             "end": 86
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-focus-text",
-            "value": "var( --kendo-menu-item-focus-text, #{$kendo-menu-item-text} )",
+            "name": "kendo-menu-item-icon-spacing",
+            "value": "var( --kendo-menu-item-icon-spacing, #{k-spacing(1)} )",
             "scope": "default",
             "line": {
                 "start": 87,
@@ -51000,19 +51028,19 @@
         }
     },
     {
-        "description": "The background color of focused Menu item.\n",
+        "description": "The border radius of the Menu item.\n",
         "commentRange": {
-            "start": 88,
-            "end": 89
+            "start": 89,
+            "end": 90
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-focus-bg",
-            "value": "var( --kendo-menu-item-focus-bg, #{$kendo-menu-item-bg} )",
+            "name": "kendo-menu-item-border-radius",
+            "value": "var( --kendo-menu-item-border-radius, #{k-border-radius(md)} )",
             "scope": "default",
             "line": {
-                "start": 90,
-                "end": 90
+                "start": 91,
+                "end": 91
             }
         },
         "group": [
@@ -51025,19 +51053,19 @@
         }
     },
     {
-        "description": "The outline of focused Menu item.\n",
+        "description": "The font size of the Menu item description.\n",
         "commentRange": {
-            "start": 92,
-            "end": 93
+            "start": 93,
+            "end": 94
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-focus-outline",
-            "value": "var( --kendo-menu-item-focus-outline, #{k-color(border-alt)} )",
+            "name": "kendo-menu-item-description-font-size",
+            "value": "var( --kendo-menu-item-description-font-size, #{$kendo-list-item-description-font-size} )",
             "scope": "default",
             "line": {
-                "start": 94,
-                "end": 94
+                "start": 95,
+                "end": 95
             }
         },
         "group": [
@@ -51050,19 +51078,19 @@
         }
     },
     {
-        "description": "The outline of the Menu item.\n",
+        "description": "The line height of the Menu item description.\n",
         "commentRange": {
-            "start": 95,
-            "end": 96
+            "start": 96,
+            "end": 97
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-focus-outline-offset",
-            "value": "var( --kendo-menu-item-focus-outline-offset, calc( #{k-spacing(0.5)} * -1 ) )",
+            "name": "kendo-menu-item-description-line-height",
+            "value": "var( --kendo-menu-item-description-line-height, #{$kendo-list-item-description-line-height} )",
             "scope": "default",
             "line": {
-                "start": 97,
-                "end": 97
+                "start": 98,
+                "end": 98
             }
         },
         "group": [
@@ -51075,19 +51103,19 @@
         }
     },
     {
-        "description": "The width of the Menu item.\n",
+        "description": "The text color of the Menu item description.\n",
         "commentRange": {
-            "start": 98,
-            "end": 99
+            "start": 99,
+            "end": 100
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-focus-outline-width",
-            "value": "var( --kendo-menu-item-focus-outline-width, 2px )",
+            "name": "kendo-menu-item-description-text",
+            "value": "var( --kendo-menu-item-description-text, #{$kendo-list-item-description-text} )",
             "scope": "default",
             "line": {
-                "start": 100,
-                "end": 100
+                "start": 101,
+                "end": 101
             }
         },
         "group": [
@@ -51100,19 +51128,19 @@
         }
     },
     {
-        "description": "The outline of the Menu item.\n",
+        "description": "The spacing used for the menu expand arrow negative offset.\n",
         "commentRange": {
-            "start": 101,
-            "end": 102
+            "start": 103,
+            "end": 104
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-focus-outline-style",
-            "value": "var( --kendo-menu-item-focus-outline-style, solid )",
+            "name": "kendo-menu-expand-arrow-spacing",
+            "value": "var( --kendo-menu-expand-arrow-spacing, #{k-spacing(2)} )",
             "scope": "default",
             "line": {
-                "start": 103,
-                "end": 103
+                "start": 105,
+                "end": 105
             }
         },
         "group": [
@@ -51125,19 +51153,19 @@
         }
     },
     {
-        "description": "The text color of disabled Menu item.\n",
+        "description": "The font weight of the selected Menu item.\n",
         "commentRange": {
-            "start": 105,
-            "end": 106
+            "start": 107,
+            "end": 108
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-disabled-text",
-            "value": "var( --kendo-menu-item-disabled-text, color-mix(in srgb, k-color(on-app-surface) 46%, transparent) )",
+            "name": "kendo-menu-item-selected-font-weight",
+            "value": "var( --kendo-menu-item-selected-font-weight, var(--kendo-font-weight-semibold) )",
             "scope": "default",
             "line": {
-                "start": 107,
-                "end": 107
+                "start": 109,
+                "end": 109
             }
         },
         "group": [
@@ -51150,19 +51178,19 @@
         }
     },
     {
-        "description": "The background color of disabled Menu item.\n",
+        "description": "The text color of Menu item.\n",
         "commentRange": {
-            "start": 108,
-            "end": 109
+            "start": 111,
+            "end": 112
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-disabled-bg",
-            "value": "var( --kendo-menu-item-disabled-bg, #{$kendo-menu-item-bg} )",
+            "name": "kendo-menu-item-text",
+            "value": "var( --kendo-menu-item-text, #{$kendo-menu-text} )",
             "scope": "default",
             "line": {
-                "start": 110,
-                "end": 110
+                "start": 113,
+                "end": 113
             }
         },
         "group": [
@@ -51175,19 +51203,19 @@
         }
     },
     {
-        "description": "The text color of selected Menu item.\n",
+        "description": "The background color of Menu item.\n",
         "commentRange": {
-            "start": 112,
-            "end": 113
+            "start": 114,
+            "end": 115
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-selected-text",
-            "value": "var( --kendo-menu-item-selected-text, null )",
+            "name": "kendo-menu-item-bg",
+            "value": "var( --kendo-menu-item-bg, transparent )",
             "scope": "default",
             "line": {
-                "start": 114,
-                "end": 114
+                "start": 116,
+                "end": 116
             }
         },
         "group": [
@@ -51200,19 +51228,19 @@
         }
     },
     {
-        "description": "The background color of selected Menu item.\n",
+        "description": "The text color of the Menu item icon.\n",
         "commentRange": {
-            "start": 115,
-            "end": 116
+            "start": 117,
+            "end": 118
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-item-selected-bg",
-            "value": "var( --kendo-menu-item-selected-bg, null )",
+            "name": "kendo-menu-icon-color",
+            "value": "var( --kendo-menu-icon-color, currentColor )",
             "scope": "default",
             "line": {
-                "start": 117,
-                "end": 117
+                "start": 119,
+                "end": 119
             }
         },
         "group": [
@@ -51225,19 +51253,19 @@
         }
     },
     {
-        "description": "The inline margin of the horizontal Menu separator.\n",
+        "description": "The text color of hovered Menu item.\n",
         "commentRange": {
-            "start": 122,
-            "end": 123
+            "start": 121,
+            "end": 122
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-separator-margin-inline",
-            "value": "var( --kendo-menu-separator-margin-inline, #{k-spacing(1)} )",
+            "name": "kendo-menu-item-hover-text",
+            "value": "var( --kendo-menu-item-hover-text, #{k-color(on-base)} )",
             "scope": "default",
             "line": {
-                "start": 124,
-                "end": 124
+                "start": 123,
+                "end": 123
             }
         },
         "group": [
@@ -51250,19 +51278,19 @@
         }
     },
     {
-        "description": "The block margin of the horizontal Menu separator.\n",
+        "description": "The background color of hovered Menu item.\n",
         "commentRange": {
-            "start": 125,
-            "end": 126
+            "start": 124,
+            "end": 125
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-separator-margin-block",
-            "value": "var( --kendo-menu-separator-margin-block, #{k-spacing(3)} )",
+            "name": "kendo-menu-item-hover-bg",
+            "value": "var( --kendo-menu-item-hover-bg, #{k-color(base-hover)} )",
             "scope": "default",
             "line": {
-                "start": 127,
-                "end": 127
+                "start": 126,
+                "end": 126
             }
         },
         "group": [
@@ -51275,19 +51303,19 @@
         }
     },
     {
-        "description": "The width of the Menu separator.\n",
+        "description": "The text color of the hovered Menu item icon.\n",
         "commentRange": {
-            "start": 128,
-            "end": 129
+            "start": 127,
+            "end": 128
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-separator-width",
-            "value": "var( --kendo-menu-separator-width, 1px )",
+            "name": "kendo-menu-item-hover-icon-text",
+            "value": "var( --kendo-menu-item-hover-icon-text, #{k-color(primary-on-surface)} )",
             "scope": "default",
             "line": {
-                "start": 130,
-                "end": 130
+                "start": 129,
+                "end": 129
             }
         },
         "group": [
@@ -51300,15 +51328,15 @@
         }
     },
     {
-        "description": "The border color of Menu separator.\n",
+        "description": "The text color of active Menu item.\n",
         "commentRange": {
             "start": 131,
             "end": 132
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-separator-border",
-            "value": "var( --kendo-menu-separator-border, color-mix(in srgb, var(--kendo-color-border, #8a8886) 16%, transparent) )",
+            "name": "kendo-menu-item-active-text",
+            "value": "var( --kendo-menu-item-active-text, #{$kendo-menu-item-hover-text} )",
             "scope": "default",
             "line": {
                 "start": 133,
@@ -51325,19 +51353,19 @@
         }
     },
     {
-        "description": "The horizontal padding of the Menu popup.\n",
+        "description": "The background color of active Menu item.\n",
         "commentRange": {
-            "start": 138,
-            "end": 139
+            "start": 134,
+            "end": 135
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-padding-x",
-            "value": "var( --kendo-menu-popup-padding-x, #{$kendo-popup-padding-x} )",
+            "name": "kendo-menu-item-active-bg",
+            "value": "var( --kendo-menu-item-active-bg, #{k-color(base-active)} )",
             "scope": "default",
             "line": {
-                "start": 140,
-                "end": 140
+                "start": 136,
+                "end": 136
             }
         },
         "group": [
@@ -51350,19 +51378,19 @@
         }
     },
     {
-        "description": "The vertical padding of the Menu popup.\n",
+        "description": "The text color of the active Menu item icon.\n",
         "commentRange": {
-            "start": 141,
-            "end": 142
+            "start": 137,
+            "end": 138
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-padding-y",
-            "value": "var( --kendo-menu-popup-padding-y, #{$kendo-popup-padding-y} )",
+            "name": "kendo-menu-item-active-icon-text",
+            "value": "var( --kendo-menu-item-active-icon-text, #{$kendo-menu-item-hover-icon-text} )",
             "scope": "default",
             "line": {
-                "start": 143,
-                "end": 143
+                "start": 139,
+                "end": 139
             }
         },
         "group": [
@@ -51375,19 +51403,19 @@
         }
     },
     {
-        "description": "The width of the border around the Menu popup.\n",
+        "description": "The text color of focused Menu item.\n",
         "commentRange": {
-            "start": 145,
-            "end": 146
+            "start": 141,
+            "end": 142
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-border-width",
-            "value": "var( --kendo-menu-popup-border-width, #{$kendo-popup-border-width} )",
+            "name": "kendo-menu-item-focus-text",
+            "value": "var( --kendo-menu-item-focus-text, #{$kendo-menu-item-text} )",
             "scope": "default",
             "line": {
-                "start": 147,
-                "end": 147
+                "start": 143,
+                "end": 143
             }
         },
         "group": [
@@ -51400,19 +51428,19 @@
         }
     },
     {
-        "description": "The font size of the small Menu popup.\n",
+        "description": "The background color of focused Menu item.\n",
         "commentRange": {
-            "start": 149,
-            "end": 150
+            "start": 144,
+            "end": 145
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-sm-font-size",
-            "value": "var( --kendo-menu-popup-sm-font-size, var(--kendo-font-size) )",
+            "name": "kendo-menu-item-focus-bg",
+            "value": "var( --kendo-menu-item-focus-bg, #{$kendo-menu-item-bg} )",
             "scope": "default",
             "line": {
-                "start": 151,
-                "end": 151
+                "start": 146,
+                "end": 146
             }
         },
         "group": [
@@ -51425,19 +51453,19 @@
         }
     },
     {
-        "description": "The font size of the medium Menu popup.\n",
+        "description": "The outline of focused Menu item.\n",
         "commentRange": {
-            "start": 152,
-            "end": 153
+            "start": 148,
+            "end": 149
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-md-font-size",
-            "value": "var( --kendo-menu-popup-md-font-size, var(--kendo-font-size) )",
+            "name": "kendo-menu-item-focus-outline",
+            "value": "var( --kendo-menu-item-focus-outline, #{k-color(border-alt)} )",
             "scope": "default",
             "line": {
-                "start": 154,
-                "end": 154
+                "start": 150,
+                "end": 150
             }
         },
         "group": [
@@ -51450,19 +51478,19 @@
         }
     },
     {
-        "description": "The font size of the large Menu popup.\n",
+        "description": "The outline of the Menu item.\n",
         "commentRange": {
-            "start": 155,
-            "end": 156
+            "start": 151,
+            "end": 152
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-lg-font-size",
-            "value": "var( --kendo-menu-popup-lg-font-size, var(--kendo-font-size-lg) )",
+            "name": "kendo-menu-item-focus-outline-offset",
+            "value": "var( --kendo-menu-item-focus-outline-offset, calc( #{k-spacing(0.5)} * -1 ) )",
             "scope": "default",
             "line": {
-                "start": 157,
-                "end": 157
+                "start": 153,
+                "end": 153
             }
         },
         "group": [
@@ -51475,19 +51503,19 @@
         }
     },
     {
-        "description": "The line height of the small Menu popup.\n",
+        "description": "The width of the Menu item.\n",
         "commentRange": {
-            "start": 159,
-            "end": 160
+            "start": 154,
+            "end": 155
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-sm-line-height",
-            "value": "var( --kendo-menu-popup-sm-line-height, var(--kendo-line-height) )",
+            "name": "kendo-menu-item-focus-outline-width",
+            "value": "var( --kendo-menu-item-focus-outline-width, 2px )",
             "scope": "default",
             "line": {
-                "start": 161,
-                "end": 161
+                "start": 156,
+                "end": 156
             }
         },
         "group": [
@@ -51500,19 +51528,444 @@
         }
     },
     {
-        "description": "The line height of the medium Menu popup.\n",
+        "description": "The outline of the Menu item.\n",
         "commentRange": {
-            "start": 162,
-            "end": 163
+            "start": 157,
+            "end": 158
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-md-line-height",
-            "value": "var( --kendo-menu-popup-md-line-height, var(--kendo-line-height) )",
+            "name": "kendo-menu-item-focus-outline-style",
+            "value": "var( --kendo-menu-item-focus-outline-style, solid )",
             "scope": "default",
             "line": {
-                "start": 164,
-                "end": 164
+                "start": 159,
+                "end": 159
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of disabled Menu item.\n",
+        "commentRange": {
+            "start": 161,
+            "end": 162
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-item-disabled-text",
+            "value": "var( --kendo-menu-item-disabled-text, color-mix(in srgb, k-color(on-app-surface) 46%, transparent) )",
+            "scope": "default",
+            "line": {
+                "start": 163,
+                "end": 163
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of disabled Menu item.\n",
+        "commentRange": {
+            "start": 164,
+            "end": 165
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-item-disabled-bg",
+            "value": "var( --kendo-menu-item-disabled-bg, #{$kendo-menu-item-bg} )",
+            "scope": "default",
+            "line": {
+                "start": 166,
+                "end": 166
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of selected Menu item.\n",
+        "commentRange": {
+            "start": 168,
+            "end": 169
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-item-selected-text",
+            "value": "var( --kendo-menu-item-selected-text, null )",
+            "scope": "default",
+            "line": {
+                "start": 170,
+                "end": 170
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of selected Menu item.\n",
+        "commentRange": {
+            "start": 171,
+            "end": 172
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-item-selected-bg",
+            "value": "var( --kendo-menu-item-selected-bg, null )",
+            "scope": "default",
+            "line": {
+                "start": 173,
+                "end": 173
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the selected Menu item icon.\n",
+        "commentRange": {
+            "start": 174,
+            "end": 175
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-item-selected-icon-text",
+            "value": "var( --kendo-menu-item-selected-icon-text, #{$kendo-menu-item-hover-icon-text} )",
+            "scope": "default",
+            "line": {
+                "start": 176,
+                "end": 176
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The inline margin of the horizontal Menu separator.\n",
+        "commentRange": {
+            "start": 181,
+            "end": 182
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-separator-margin-inline",
+            "value": "var( --kendo-menu-separator-margin-inline, #{k-spacing(1)} )",
+            "scope": "default",
+            "line": {
+                "start": 183,
+                "end": 183
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The block margin of the horizontal Menu separator.\n",
+        "commentRange": {
+            "start": 184,
+            "end": 185
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-separator-margin-block",
+            "value": "var( --kendo-menu-separator-margin-block, #{k-spacing(3)} )",
+            "scope": "default",
+            "line": {
+                "start": 186,
+                "end": 186
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The width of the Menu separator.\n",
+        "commentRange": {
+            "start": 187,
+            "end": 188
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-separator-width",
+            "value": "var( --kendo-menu-separator-width, 1px )",
+            "scope": "default",
+            "line": {
+                "start": 189,
+                "end": 189
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of Menu separator.\n",
+        "commentRange": {
+            "start": 190,
+            "end": 191
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-separator-border",
+            "value": "var( --kendo-menu-separator-border, color-mix(in srgb, var(--kendo-color-border, #8a8886) 16%, transparent) )",
+            "scope": "default",
+            "line": {
+                "start": 192,
+                "end": 192
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the Menu popup.\n",
+        "commentRange": {
+            "start": 197,
+            "end": 198
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-padding-x",
+            "value": "var( --kendo-menu-popup-padding-x, #{$kendo-list-container-padding-inline} )",
+            "scope": "default",
+            "line": {
+                "start": 199,
+                "end": 199
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the Menu popup.\n",
+        "commentRange": {
+            "start": 200,
+            "end": 201
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-padding-y",
+            "value": "var( --kendo-menu-popup-padding-y, #{$kendo-list-container-padding-block} )",
+            "scope": "default",
+            "line": {
+                "start": 202,
+                "end": 202
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The width of the border around the Menu popup.\n",
+        "commentRange": {
+            "start": 204,
+            "end": 205
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-border-width",
+            "value": "var( --kendo-menu-popup-border-width, #{$kendo-popup-border-width} )",
+            "scope": "default",
+            "line": {
+                "start": 206,
+                "end": 206
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the small Menu popup.\n",
+        "commentRange": {
+            "start": 208,
+            "end": 209
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-sm-font-size",
+            "value": "var( --kendo-menu-popup-sm-font-size, var(--kendo-font-size) )",
+            "scope": "default",
+            "line": {
+                "start": 210,
+                "end": 210
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the medium Menu popup.\n",
+        "commentRange": {
+            "start": 211,
+            "end": 212
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-md-font-size",
+            "value": "var( --kendo-menu-popup-md-font-size, var(--kendo-font-size) )",
+            "scope": "default",
+            "line": {
+                "start": 213,
+                "end": 213
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the large Menu popup.\n",
+        "commentRange": {
+            "start": 214,
+            "end": 215
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-lg-font-size",
+            "value": "var( --kendo-menu-popup-lg-font-size, var(--kendo-font-size-lg) )",
+            "scope": "default",
+            "line": {
+                "start": 216,
+                "end": 216
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the small Menu popup.\n",
+        "commentRange": {
+            "start": 218,
+            "end": 219
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-sm-line-height",
+            "value": "var( --kendo-menu-popup-sm-line-height, var(--kendo-line-height) )",
+            "scope": "default",
+            "line": {
+                "start": 220,
+                "end": 220
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the medium Menu popup.\n",
+        "commentRange": {
+            "start": 221,
+            "end": 222
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-md-line-height",
+            "value": "var( --kendo-menu-popup-md-line-height, var(--kendo-line-height) )",
+            "scope": "default",
+            "line": {
+                "start": 223,
+                "end": 223
             }
         },
         "group": [
@@ -51527,17 +51980,242 @@
     {
         "description": "The line height of the large Menu popup.\n",
         "commentRange": {
-            "start": 165,
-            "end": 166
+            "start": 224,
+            "end": 225
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-lg-line-height",
+            "value": "var( --kendo-menu-popup-lg-line-height, var(--kendo-line-height) )",
+            "scope": "default",
+            "line": {
+                "start": 226,
+                "end": 226
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the Menu popup.\n",
+        "commentRange": {
+            "start": 228,
+            "end": 229
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-bg",
+            "value": "var( --kendo-menu-popup-bg, #{k-color(surface-alt)} )",
+            "scope": "default",
+            "line": {
+                "start": 230,
+                "end": 230
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the Menu popup.\n",
+        "commentRange": {
+            "start": 231,
+            "end": 232
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-border",
+            "value": "var( --kendo-menu-popup-border, initial )",
+            "scope": "default",
+            "line": {
+                "start": 233,
+                "end": 233
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The shadow of the Menu popup.\n",
+        "commentRange": {
+            "start": 234,
+            "end": 235
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-shadow",
+            "value": "var( --kendo-menu-popup-shadow, k-elevation(5) )",
+            "scope": "default",
+            "line": {
+                "start": 236,
+                "end": 236
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the small Menu popup item.\n",
+        "commentRange": {
+            "start": 238,
+            "end": 239
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-sm-item-padding-x",
+            "value": "var( --kendo-menu-popup-sm-item-padding-x, #{$kendo-list-sm-item-padding-x} )",
+            "scope": "default",
+            "line": {
+                "start": 240,
+                "end": 240
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the medium Menu popup item.\n",
+        "commentRange": {
+            "start": 241,
+            "end": 242
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-md-item-padding-x",
+            "value": "var( --kendo-menu-popup-md-item-padding-x, #{$kendo-list-md-item-padding-x} )",
+            "scope": "default",
+            "line": {
+                "start": 243,
+                "end": 243
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the large Menu popup item.\n",
+        "commentRange": {
+            "start": 244,
+            "end": 245
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-lg-item-padding-x",
+            "value": "var( --kendo-menu-popup-lg-item-padding-x, #{$kendo-list-lg-item-padding-x} )",
+            "scope": "default",
+            "line": {
+                "start": 246,
+                "end": 246
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the small Menu popup item.\n",
+        "commentRange": {
+            "start": 247,
+            "end": 248
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-sm-item-padding-y",
+            "value": "var( --kendo-menu-popup-sm-item-padding-y, #{$kendo-list-sm-item-padding-y} )",
+            "scope": "default",
+            "line": {
+                "start": 249,
+                "end": 249
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the medium Menu popup item.\n",
+        "commentRange": {
+            "start": 250,
+            "end": 251
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-md-item-padding-y",
+            "value": "var( --kendo-menu-popup-md-item-padding-y, #{$kendo-list-md-item-padding-y} )",
+            "scope": "default",
+            "line": {
+                "start": 252,
+                "end": 252
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the large Menu popup item.\n",
+        "commentRange": {
+            "start": 253,
+            "end": 254
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-lg-line-height",
-            "value": "var( --kendo-menu-popup-lg-line-height, var(--kendo-line-height) )",
+            "name": "kendo-menu-popup-lg-item-padding-y",
+            "value": "var( --kendo-menu-popup-lg-item-padding-y, #{$kendo-list-lg-item-padding-y} )",
             "scope": "default",
             "line": {
-                "start": 167,
-                "end": 167
+                "start": 255,
+                "end": 255
             }
         },
         "group": [
@@ -51550,19 +52228,19 @@
         }
     },
     {
-        "description": "The background color of the Menu popup.\n",
+        "description": "The end padding of the small Menu popup item.\n",
         "commentRange": {
-            "start": 169,
-            "end": 170
+            "start": 256,
+            "end": 257
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-bg",
-            "value": "var( --kendo-menu-popup-bg, #{k-color(surface-alt)} )",
+            "name": "kendo-menu-popup-sm-item-padding-end",
+            "value": "calc( calc( #{$kendo-menu-popup-sm-item-padding-x} * 2 ) + #{$kendo-icon-size} )",
             "scope": "default",
             "line": {
-                "start": 171,
-                "end": 171
+                "start": 258,
+                "end": 258
             }
         },
         "group": [
@@ -51575,19 +52253,19 @@
         }
     },
     {
-        "description": "The border color of the Menu popup.\n",
+        "description": "The end padding of the medium Menu popup item.\n",
         "commentRange": {
-            "start": 172,
-            "end": 173
+            "start": 259,
+            "end": 260
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-border",
-            "value": "var( --kendo-menu-popup-border, initial )",
+            "name": "kendo-menu-popup-md-item-padding-end",
+            "value": "calc( calc( #{$kendo-menu-popup-md-item-padding-x} * 2 ) + #{$kendo-icon-size} )",
             "scope": "default",
             "line": {
-                "start": 174,
-                "end": 174
+                "start": 261,
+                "end": 261
             }
         },
         "group": [
@@ -51600,19 +52278,19 @@
         }
     },
     {
-        "description": "The shadow of the Menu popup.\n",
+        "description": "The end padding of the large Menu popup item.\n",
         "commentRange": {
-            "start": 175,
-            "end": 176
+            "start": 262,
+            "end": 263
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-shadow",
-            "value": "var( --kendo-menu-popup-shadow, k-elevation(3) )",
+            "name": "kendo-menu-popup-lg-item-padding-end",
+            "value": "calc( calc( #{$kendo-menu-popup-lg-item-padding-x} * 2 ) + #{$kendo-icon-size} )",
             "scope": "default",
             "line": {
-                "start": 177,
-                "end": 177
+                "start": 264,
+                "end": 264
             }
         },
         "group": [
@@ -51625,19 +52303,19 @@
         }
     },
     {
-        "description": "The horizontal padding of the small Menu popup item.\n",
+        "description": "The start margin of the small Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 179,
-            "end": 180
+            "start": 266,
+            "end": 267
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-sm-item-padding-x",
-            "value": "var( --kendo-menu-popup-sm-item-padding-x, #{k-spacing(2)} )",
+            "name": "kendo-menu-popup-sm-item-icon-margin-start",
+            "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 181,
-                "end": 181
+                "start": 268,
+                "end": 268
             }
         },
         "group": [
@@ -51650,19 +52328,19 @@
         }
     },
     {
-        "description": "The horizontal padding of the medium Menu popup item.\n",
+        "description": "The start margin of the medium Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 182,
-            "end": 183
+            "start": 269,
+            "end": 270
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-md-item-padding-x",
-            "value": "var( --kendo-menu-popup-md-item-padding-x, #{k-spacing(2)} )",
+            "name": "kendo-menu-popup-item-icon-md-margin-start",
+            "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 184,
-                "end": 184
+                "start": 271,
+                "end": 271
             }
         },
         "group": [
@@ -51675,19 +52353,19 @@
         }
     },
     {
-        "description": "The horizontal padding of the large Menu popup item.\n",
+        "description": "The start margin of the large Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 185,
-            "end": 186
+            "start": 272,
+            "end": 273
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-lg-item-padding-x",
-            "value": "var( --kendo-menu-popup-lg-item-padding-x, #{k-spacing(2)} )",
+            "name": "kendo-menu-popup-lg-item-icon-margin-start",
+            "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 187,
-                "end": 187
+                "start": 274,
+                "end": 274
             }
         },
         "group": [
@@ -51700,19 +52378,19 @@
         }
     },
     {
-        "description": "The vertical padding of the small Menu popup item.\n",
+        "description": "The end margin of the small Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 188,
-            "end": 189
+            "start": 275,
+            "end": 276
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-sm-item-padding-y",
-            "value": "var( --kendo-menu-popup-sm-item-padding-y, #{$kendo-list-sm-item-padding-y} )",
+            "name": "kendo-menu-popup-sm-item-icon-margin-end",
+            "value": "calc( -1 * (#{$kendo-icon-size} + #{$kendo-menu-popup-sm-item-padding-x}) )",
             "scope": "default",
             "line": {
-                "start": 190,
-                "end": 190
+                "start": 277,
+                "end": 277
             }
         },
         "group": [
@@ -51725,19 +52403,19 @@
         }
     },
     {
-        "description": "The vertical padding of the medium Menu popup item.\n",
+        "description": "The end margin of the medium Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 191,
-            "end": 192
+            "start": 278,
+            "end": 279
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-md-item-padding-y",
-            "value": "var( --kendo-menu-popup-md-item-padding-y, #{$kendo-list-md-item-padding-y} )",
+            "name": "kendo-menu-popup-item-icon-md-margin-end",
+            "value": "calc( -1 * (#{$kendo-icon-size} + #{$kendo-menu-popup-md-item-padding-x}) )",
             "scope": "default",
             "line": {
-                "start": 193,
-                "end": 193
+                "start": 280,
+                "end": 280
             }
         },
         "group": [
@@ -51750,19 +52428,19 @@
         }
     },
     {
-        "description": "The vertical padding of the large Menu popup item.\n",
+        "description": "The end margin of the large Menu popup item expand icon.\n",
         "commentRange": {
-            "start": 194,
-            "end": 195
+            "start": 281,
+            "end": 282
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-lg-item-padding-y",
-            "value": "var( --kendo-menu-popup-lg-item-padding-y, #{$kendo-list-lg-item-padding-y} )",
+            "name": "kendo-menu-popup-lg-item-icon-margin-end",
+            "value": "calc( -1 * (#{$kendo-icon-size} + #{$kendo-menu-popup-lg-item-padding-x}) )",
             "scope": "default",
             "line": {
-                "start": 196,
-                "end": 196
+                "start": 283,
+                "end": 283
             }
         },
         "group": [
@@ -51775,19 +52453,19 @@
         }
     },
     {
-        "description": "The end padding of the small Menu popup item.\n",
+        "description": "The spacing between the Menu items in popup.\n",
         "commentRange": {
-            "start": 197,
-            "end": 198
+            "start": 285,
+            "end": 286
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-sm-item-padding-end",
-            "value": "calc( calc( #{$kendo-menu-popup-sm-item-padding-x} * 2 ) + #{$kendo-icon-size} )",
+            "name": "kendo-menu-popup-item-spacing",
+            "value": "var( --kendo-menu-popup-item-spacing, #{k-spacing(0.5)} )",
             "scope": "default",
             "line": {
-                "start": 199,
-                "end": 199
+                "start": 287,
+                "end": 287
             }
         },
         "group": [
@@ -51800,19 +52478,19 @@
         }
     },
     {
-        "description": "The end padding of the medium Menu popup item.\n",
+        "description": "The horizontal padding of the small Menu popup group header.\n",
         "commentRange": {
-            "start": 200,
-            "end": 201
+            "start": 289,
+            "end": 290
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-md-item-padding-end",
-            "value": "calc( calc( #{$kendo-menu-popup-md-item-padding-x} * 2 ) + #{$kendo-icon-size} )",
+            "name": "kendo-menu-popup-sm-group-header-padding-x",
+            "value": "var( --kendo-menu-popup-sm-group-header-padding-x, #{$kendo-list-sm-group-item-padding-x} )",
             "scope": "default",
             "line": {
-                "start": 202,
-                "end": 202
+                "start": 291,
+                "end": 291
             }
         },
         "group": [
@@ -51825,19 +52503,19 @@
         }
     },
     {
-        "description": "The end padding of the large Menu popup item.\n",
+        "description": "The horizontal padding of the medium Menu popup group header.\n",
         "commentRange": {
-            "start": 203,
-            "end": 204
+            "start": 292,
+            "end": 293
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-lg-item-padding-end",
-            "value": "calc( calc( #{$kendo-menu-popup-lg-item-padding-x} * 2 ) + #{$kendo-icon-size} )",
+            "name": "kendo-menu-popup-md-group-header-padding-x",
+            "value": "var( --kendo-menu-popup-md-group-header-padding-x, #{$kendo-list-md-group-item-padding-x} )",
             "scope": "default",
             "line": {
-                "start": 205,
-                "end": 205
+                "start": 294,
+                "end": 294
             }
         },
         "group": [
@@ -51850,19 +52528,19 @@
         }
     },
     {
-        "description": "The start margin of the small Menu popup item expand icon.\n",
+        "description": "The horizontal padding of the large Menu popup group header.\n",
         "commentRange": {
-            "start": 207,
-            "end": 208
+            "start": 295,
+            "end": 296
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-sm-item-icon-margin-start",
-            "value": "k-spacing(0)",
+            "name": "kendo-menu-popup-lg-group-header-padding-x",
+            "value": "var( --kendo-menu-popup-lg-group-header-padding-x, #{$kendo-list-lg-group-item-padding-x} )",
             "scope": "default",
             "line": {
-                "start": 209,
-                "end": 209
+                "start": 297,
+                "end": 297
             }
         },
         "group": [
@@ -51875,19 +52553,19 @@
         }
     },
     {
-        "description": "The start margin of the medium Menu popup item expand icon.\n",
+        "description": "The vertical padding of the small Menu popup group header.\n",
         "commentRange": {
-            "start": 210,
-            "end": 211
+            "start": 299,
+            "end": 300
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-item-icon-md-margin-start",
-            "value": "k-spacing(0)",
+            "name": "kendo-menu-popup-sm-group-header-padding-y",
+            "value": "var( --kendo-menu-popup-sm-group-header-padding-y, #{$kendo-list-sm-group-item-padding-y} )",
             "scope": "default",
             "line": {
-                "start": 212,
-                "end": 212
+                "start": 301,
+                "end": 301
             }
         },
         "group": [
@@ -51900,19 +52578,19 @@
         }
     },
     {
-        "description": "The start margin of the large Menu popup item expand icon.\n",
+        "description": "The vertical padding of the medium Menu popup group header.\n",
         "commentRange": {
-            "start": 213,
-            "end": 214
+            "start": 302,
+            "end": 303
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-lg-item-icon-margin-start",
-            "value": "k-spacing(0)",
+            "name": "kendo-menu-popup-md-group-header-padding-y",
+            "value": "var( --kendo-menu-popup-md-group-header-padding-y, #{$kendo-list-md-group-item-padding-y} )",
             "scope": "default",
             "line": {
-                "start": 215,
-                "end": 215
+                "start": 304,
+                "end": 304
             }
         },
         "group": [
@@ -51925,19 +52603,19 @@
         }
     },
     {
-        "description": "The end margin of the small Menu popup item expand icon.\n",
+        "description": "The vertical padding of the large Menu popup group header.\n",
         "commentRange": {
-            "start": 216,
-            "end": 217
+            "start": 305,
+            "end": 306
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-sm-item-icon-margin-end",
-            "value": "calc( -1 * (#{$kendo-icon-size} + #{$kendo-menu-popup-sm-item-padding-x}) )",
+            "name": "kendo-menu-popup-lg-group-header-padding-y",
+            "value": "var( --kendo-menu-popup-lg-group-header-padding-y, #{$kendo-list-lg-group-item-padding-y} )",
             "scope": "default",
             "line": {
-                "start": 218,
-                "end": 218
+                "start": 307,
+                "end": 307
             }
         },
         "group": [
@@ -51950,19 +52628,19 @@
         }
     },
     {
-        "description": "The end margin of the medium Menu popup item expand icon.\n",
+        "description": "The font size of the small Menu popup group header.\n",
         "commentRange": {
-            "start": 219,
-            "end": 220
+            "start": 309,
+            "end": 310
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-item-icon-md-margin-end",
-            "value": "calc( -1 * (#{$kendo-icon-size} + #{$kendo-menu-popup-md-item-padding-x}) )",
+            "name": "kendo-menu-popup-sm-group-header-font-size",
+            "value": "var( --kendo-menu-popup-sm-group-header-font-size, #{$kendo-list-item-group-label-sm-font-size} )",
             "scope": "default",
             "line": {
-                "start": 221,
-                "end": 221
+                "start": 311,
+                "end": 311
             }
         },
         "group": [
@@ -51975,19 +52653,19 @@
         }
     },
     {
-        "description": "The end margin of the large Menu popup item expand icon.\n",
+        "description": "The font size of the medium Menu popup group header.\n",
         "commentRange": {
-            "start": 222,
-            "end": 223
+            "start": 312,
+            "end": 313
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-lg-item-icon-margin-end",
-            "value": "calc( -1 * (#{$kendo-icon-size} + #{$kendo-menu-popup-lg-item-padding-x}) )",
+            "name": "kendo-menu-popup-md-group-header-font-size",
+            "value": "var( --kendo-menu-popup-md-group-header-font-size, #{$kendo-list-item-group-label-md-font-size} )",
             "scope": "default",
             "line": {
-                "start": 224,
-                "end": 224
+                "start": 314,
+                "end": 314
             }
         },
         "group": [
@@ -52000,19 +52678,169 @@
         }
     },
     {
-        "description": "The spacing between the Menu items in popup.\n",
+        "description": "The font size of the large Menu popup group header.\n",
         "commentRange": {
-            "start": 226,
-            "end": 227
+            "start": 315,
+            "end": 316
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-item-spacing",
-            "value": "var( --kendo-menu-popup-item-spacing, #{k-spacing(0)} )",
+            "name": "kendo-menu-popup-lg-group-header-font-size",
+            "value": "var( --kendo-menu-popup-lg-group-header-font-size, #{$kendo-list-item-group-label-lg-font-size} )",
             "scope": "default",
             "line": {
-                "start": 228,
-                "end": 228
+                "start": 317,
+                "end": 317
+            }
+        },
+        "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": 319,
+            "end": 320
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-sm-group-header-line-height",
+            "value": "var( --kendo-menu-popup-sm-group-header-line-height, #{$kendo-menu-popup-sm-line-height} )",
+            "scope": "default",
+            "line": {
+                "start": 321,
+                "end": 321
+            }
+        },
+        "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": 322,
+            "end": 323
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-md-group-header-line-height",
+            "value": "var( --kendo-menu-popup-md-group-header-line-height, #{$kendo-menu-popup-md-line-height} )",
+            "scope": "default",
+            "line": {
+                "start": 324,
+                "end": 324
+            }
+        },
+        "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": 325,
+            "end": 326
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-lg-group-header-line-height",
+            "value": "var( --kendo-menu-popup-lg-group-header-line-height, #{$kendo-menu-popup-lg-line-height} )",
+            "scope": "default",
+            "line": {
+                "start": 327,
+                "end": 327
+            }
+        },
+        "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": 329,
+            "end": 330
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-group-header-font-weight",
+            "value": "var( --kendo-menu-popup-group-header-font-weight, #{$kendo-list-group-item-font-weight} )",
+            "scope": "default",
+            "line": {
+                "start": 331,
+                "end": 331
+            }
+        },
+        "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": 333,
+            "end": 334
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-group-header-bg",
+            "value": "var( --kendo-menu-popup-group-header-bg, #{$kendo-list-group-item-bg} )",
+            "scope": "default",
+            "line": {
+                "start": 335,
+                "end": 335
+            }
+        },
+        "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": 336,
+            "end": 337
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-group-header-text",
+            "value": "var( --kendo-menu-popup-group-header-text, #{$kendo-list-group-item-text} )",
+            "scope": "default",
+            "line": {
+                "start": 338,
+                "end": 338
             }
         },
         "group": [
@@ -52027,8 +52855,8 @@
     {
         "description": "The text color of the Menu item in popup.\n",
         "commentRange": {
-            "start": 230,
-            "end": 231
+            "start": 340,
+            "end": 341
         },
         "context": {
             "type": "variable",
@@ -52036,8 +52864,8 @@
             "value": "var( --kendo-menu-popup-item-text, #{$kendo-list-item-text} )",
             "scope": "default",
             "line": {
-                "start": 232,
-                "end": 232
+                "start": 342,
+                "end": 342
             }
         },
         "group": [
@@ -52052,8 +52880,8 @@
     {
         "description": "The background color of the Menu item in popup.\n",
         "commentRange": {
-            "start": 233,
-            "end": 234
+            "start": 343,
+            "end": 344
         },
         "context": {
             "type": "variable",
@@ -52061,8 +52889,8 @@
             "value": "var( --kendo-menu-popup-item-bg, #{$kendo-list-item-bg} )",
             "scope": "default",
             "line": {
-                "start": 235,
-                "end": 235
+                "start": 345,
+                "end": 345
             }
         },
         "group": [
@@ -52077,8 +52905,8 @@
     {
         "description": "The text color of hovered Menu item in popup.\n",
         "commentRange": {
-            "start": 237,
-            "end": 238
+            "start": 347,
+            "end": 348
         },
         "context": {
             "type": "variable",
@@ -52086,8 +52914,8 @@
             "value": "var( --kendo-menu-popup-item-hover-text, #{$kendo-list-item-hover-text} )",
             "scope": "default",
             "line": {
-                "start": 239,
-                "end": 239
+                "start": 349,
+                "end": 349
             }
         },
         "group": [
@@ -52102,8 +52930,8 @@
     {
         "description": "The background color of hovered Menu item in popup.\n",
         "commentRange": {
-            "start": 240,
-            "end": 241
+            "start": 350,
+            "end": 351
         },
         "context": {
             "type": "variable",
@@ -52111,8 +52939,33 @@
             "value": "var( --kendo-menu-popup-item-hover-bg, #{$kendo-list-item-hover-bg} )",
             "scope": "default",
             "line": {
-                "start": 242,
-                "end": 242
+                "start": 352,
+                "end": 352
+            }
+        },
+        "group": [
+            "menu"
+        ],
+        "access": "public",
+        "file": {
+            "path": "menu/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the icon of hovered Menu item in popup.\n",
+        "commentRange": {
+            "start": 353,
+            "end": 354
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-menu-popup-item-hover-icon-text",
+            "value": "var( --kendo-menu-popup-item-hover-icon-text, #{$kendo-menu-item-hover-icon-text} )",
+            "scope": "default",
+            "line": {
+                "start": 355,
+                "end": 355
             }
         },
         "group": [
@@ -52127,8 +52980,8 @@
     {
         "description": "The outline of focused Menu items.\n",
         "commentRange": {
-            "start": 244,
-            "end": 245
+            "start": 357,
+            "end": 358
         },
         "context": {
             "type": "variable",
@@ -52136,8 +52989,8 @@
             "value": "var( --kendo-menu-popup-item-focus-outline, #{k-color(border-alt)} )",
             "scope": "default",
             "line": {
-                "start": 246,
-                "end": 246
+                "start": 359,
+                "end": 359
             }
         },
         "group": [
@@ -52152,8 +53005,8 @@
     {
         "description": "The text color of active Menu item in popup.\n",
         "commentRange": {
-            "start": 248,
-            "end": 249
+            "start": 361,
+            "end": 362
         },
         "context": {
             "type": "variable",
@@ -52161,8 +53014,8 @@
             "value": "var( --kendo-menu-popup-item-active-text, #{$kendo-list-item-selected-text} )",
             "scope": "default",
             "line": {
-                "start": 250,
-                "end": 250
+                "start": 363,
+                "end": 363
             }
         },
         "group": [
@@ -52177,8 +53030,8 @@
     {
         "description": "The background color of active Menu item in popup.\n",
         "commentRange": {
-            "start": 251,
-            "end": 252
+            "start": 364,
+            "end": 365
         },
         "context": {
             "type": "variable",
@@ -52186,8 +53039,8 @@
             "value": "var( --kendo-menu-popup-item-active-bg, #{$kendo-list-item-selected-bg} )",
             "scope": "default",
             "line": {
-                "start": 253,
-                "end": 253
+                "start": 366,
+                "end": 366
             }
         },
         "group": [
@@ -52200,19 +53053,19 @@
         }
     },
     {
-        "description": "The text color of disabled Menu item in popup.\n",
+        "description": "The text color of the icon of active Menu item in popup.\n",
         "commentRange": {
-            "start": 255,
-            "end": 256
+            "start": 367,
+            "end": 368
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-item-disabled-text",
-            "value": "var( --kendo-menu-popup-item-disabled-text, #{$kendo-list-item-disabled-text} )",
+            "name": "kendo-menu-popup-item-active-icon-text",
+            "value": "var( --kendo-menu-popup-item-active-icon-text, #{$kendo-menu-item-active-icon-text} )",
             "scope": "default",
             "line": {
-                "start": 257,
-                "end": 257
+                "start": 369,
+                "end": 369
             }
         },
         "group": [
@@ -52225,19 +53078,19 @@
         }
     },
     {
-        "description": "The background color of disabled Menu item in popup.\n",
+        "description": "The text color of disabled Menu item in popup.\n",
         "commentRange": {
-            "start": 258,
-            "end": 259
+            "start": 371,
+            "end": 372
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-popup-item-disabled-bg",
-            "value": "var( --kendo-menu-popup-item-disabled-bg, #{$kendo-list-item-disabled-bg} )",
+            "name": "kendo-menu-popup-item-disabled-text",
+            "value": "var( --kendo-menu-popup-item-disabled-text, #{$kendo-list-item-disabled-text} )",
             "scope": "default",
             "line": {
-                "start": 260,
-                "end": 260
+                "start": 373,
+                "end": 373
             }
         },
         "group": [
@@ -52250,19 +53103,19 @@
         }
     },
     {
-        "description": "The background color of Menu scroll buttons.\n",
+        "description": "The background color of disabled Menu item in popup.\n",
         "commentRange": {
-            "start": 262,
-            "end": 263
+            "start": 374,
+            "end": 375
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-bg",
-            "value": "var( --kendo-menu-scroll-button-bg, #{k-color(surface-alt)} )",
+            "name": "kendo-menu-popup-item-disabled-bg",
+            "value": "var( --kendo-menu-popup-item-disabled-bg, #{$kendo-list-item-disabled-bg} )",
             "scope": "default",
             "line": {
-                "start": 264,
-                "end": 264
+                "start": 376,
+                "end": 376
             }
         },
         "group": [
@@ -52275,19 +53128,19 @@
         }
     },
     {
-        "description": "The border color of Menu scroll buttons.\n",
+        "description": "The background color of Menu scroll buttons.\n",
         "commentRange": {
-            "start": 265,
-            "end": 266
+            "start": 378,
+            "end": 379
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-border",
-            "value": "var( --kendo-menu-scroll-button-border, color-mix(in srgb, k-color(border) 16%, transparent) )",
+            "name": "kendo-menu-scroll-button-bg",
+            "value": "var( --kendo-menu-scroll-button-bg, #{k-color(surface-alt)} )",
             "scope": "default",
             "line": {
-                "start": 267,
-                "end": 267
+                "start": 380,
+                "end": 380
             }
         },
         "group": [
@@ -52300,19 +53153,19 @@
         }
     },
     {
-        "description": "The background color of hover Menu scroll buttons.\n",
+        "description": "The border color of Menu scroll buttons.\n",
         "commentRange": {
-            "start": 269,
-            "end": 270
+            "start": 381,
+            "end": 382
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-hover-bg",
-            "value": "var( --kendo-menu-scroll-button-hover-bg, null )",
+            "name": "kendo-menu-scroll-button-border",
+            "value": "var( --kendo-menu-scroll-button-border, color-mix(in srgb, k-color(border) 16%, transparent) )",
             "scope": "default",
             "line": {
-                "start": 271,
-                "end": 271
+                "start": 383,
+                "end": 383
             }
         },
         "group": [
@@ -52325,19 +53178,19 @@
         }
     },
     {
-        "description": "The border color of hover Menu scroll buttons.\n",
+        "description": "The background color of hover Menu scroll buttons.\n",
         "commentRange": {
-            "start": 272,
-            "end": 273
+            "start": 385,
+            "end": 386
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-scroll-button-hover-border",
-            "value": "var( --kendo-menu-scroll-button-hover-border, null )",
+            "name": "kendo-menu-scroll-button-hover-bg",
+            "value": "var( --kendo-menu-scroll-button-hover-bg, null )",
             "scope": "default",
             "line": {
-                "start": 274,
-                "end": 274
+                "start": 387,
+                "end": 387
             }
         },
         "group": [
@@ -52350,19 +53203,19 @@
         }
     },
     {
-        "description": "The color of the Menu items icon.\n",
+        "description": "The border color of hover Menu scroll buttons.\n",
         "commentRange": {
-            "start": 276,
-            "end": 277
+            "start": 388,
+            "end": 389
         },
         "context": {
             "type": "variable",
-            "name": "kendo-menu-icon-color",
-            "value": "var( --kendo-menu-icon-color, #{k-color(primary)} )",
+            "name": "kendo-menu-scroll-button-hover-border",
+            "value": "var( --kendo-menu-scroll-button-hover-border, null )",
             "scope": "default",
             "line": {
-                "start": 278,
-                "end": 278
+                "start": 390,
+                "end": 390
             }
         },
         "group": [
@@ -66256,8 +67109,8 @@
     {
         "description": "The horizontal padding of the Scheduler event.\n",
         "commentRange": {
-            "start": 97,
-            "end": 98
+            "start": 98,
+            "end": 99
         },
         "context": {
             "type": "variable",
@@ -66265,8 +67118,8 @@
             "value": "var( --kendo-scheduler-event-padding-x, k-spacing(2) )",
             "scope": "default",
             "line": {
-                "start": 99,
-                "end": 99
+                "start": 100,
+                "end": 100
             }
         },
         "group": [
@@ -66281,8 +67134,8 @@
     {
         "description": "The vertical padding of the Scheduler event.\n",
         "commentRange": {
-            "start": 100,
-            "end": 101
+            "start": 101,
+            "end": 102
         },
         "context": {
             "type": "variable",
@@ -66290,8 +67143,8 @@
             "value": "var( --kendo-scheduler-event-padding-y, k-spacing(0.5) )",
             "scope": "default",
             "line": {
-                "start": 102,
-                "end": 102
+                "start": 103,
+                "end": 103
             }
         },
         "group": [
@@ -66306,8 +67159,8 @@
     {
         "description": "The minimum height of the Scheduler event.\n",
         "commentRange": {
-            "start": 103,
-            "end": 104
+            "start": 104,
+            "end": 105
         },
         "context": {
             "type": "variable",
@@ -66315,8 +67168,8 @@
             "value": "var( --kendo-scheduler-event-min-height, 12px )",
             "scope": "default",
             "line": {
-                "start": 105,
-                "end": 105
+                "start": 106,
+                "end": 106
             }
         },
         "group": [
@@ -66331,8 +67184,8 @@
     {
         "description": "The background color of the Scheduler event.\n",
         "commentRange": {
-            "start": 107,
-            "end": 108
+            "start": 108,
+            "end": 109
         },
         "context": {
             "type": "variable",
@@ -66340,8 +67193,8 @@
             "value": "var( --kendo-scheduler-event-bg, k-color(primary) )",
             "scope": "default",
             "line": {
-                "start": 109,
-                "end": 109
+                "start": 110,
+                "end": 110
             }
         },
         "group": [
@@ -66356,8 +67209,8 @@
     {
         "description": "The text color of the Scheduler event.\n",
         "commentRange": {
-            "start": 110,
-            "end": 111
+            "start": 111,
+            "end": 112
         },
         "context": {
             "type": "variable",
@@ -66365,8 +67218,8 @@
             "value": "var( --kendo-scheduler-event-text, k-color(on-primary) )",
             "scope": "default",
             "line": {
-                "start": 112,
-                "end": 112
+                "start": 113,
+                "end": 113
             }
         },
         "group": [
@@ -66381,8 +67234,8 @@
     {
         "description": "The border color of the Scheduler event.\n",
         "commentRange": {
-            "start": 113,
-            "end": 114
+            "start": 114,
+            "end": 115
         },
         "context": {
             "type": "variable",
@@ -66390,8 +67243,8 @@
             "value": "var( --kendo-scheduler-event-border, $kendo-scheduler-event-bg )",
             "scope": "default",
             "line": {
-                "start": 115,
-                "end": 115
+                "start": 116,
+                "end": 116
             }
         },
         "group": [
@@ -66406,8 +67259,8 @@
     {
         "description": "The gradient of the Scheduler event.\n",
         "commentRange": {
-            "start": 116,
-            "end": 117
+            "start": 117,
+            "end": 118
         },
         "context": {
             "type": "variable",
@@ -66415,8 +67268,8 @@
             "value": "var( --kendo-scheduler-event-gradient, null )",
             "scope": "default",
             "line": {
-                "start": 118,
-                "end": 118
+                "start": 119,
+                "end": 119
             }
         },
         "group": [
@@ -66431,8 +67284,8 @@
     {
         "description": "The shadow of the Scheduler event.\n",
         "commentRange": {
-            "start": 119,
-            "end": 120
+            "start": 120,
+            "end": 121
         },
         "context": {
             "type": "variable",
@@ -66440,8 +67293,8 @@
             "value": "var( --kendo-scheduler-event-shadow, null )",
             "scope": "default",
             "line": {
-                "start": 121,
-                "end": 121
+                "start": 122,
+                "end": 122
             }
         },
         "group": [
@@ -66456,8 +67309,8 @@
     {
         "description": "The background color of the read-only Scheduler event.\n",
         "commentRange": {
-            "start": 123,
-            "end": 124
+            "start": 124,
+            "end": 125
         },
         "context": {
             "type": "variable",
@@ -66465,8 +67318,8 @@
             "value": "var( --kendo-scheduler-event-readonly-bg, k-color(primary-subtle) )",
             "scope": "default",
             "line": {
-                "start": 125,
-                "end": 125
+                "start": 126,
+                "end": 126
             }
         },
         "group": [
@@ -66481,8 +67334,8 @@
     {
         "description": "The text color of the read-only Scheduler event.\n",
         "commentRange": {
-            "start": 126,
-            "end": 127
+            "start": 127,
+            "end": 128
         },
         "context": {
             "type": "variable",
@@ -66490,8 +67343,8 @@
             "value": "var( --kendo-scheduler-event-readonly-text, k-color(primary-on-subtle) )",
             "scope": "default",
             "line": {
-                "start": 128,
-                "end": 128
+                "start": 129,
+                "end": 129
             }
         },
         "group": [
@@ -66506,8 +67359,8 @@
     {
         "description": "The border color of the read-only Scheduler event.\n",
         "commentRange": {
-            "start": 129,
-            "end": 130
+            "start": 130,
+            "end": 131
         },
         "context": {
             "type": "variable",
@@ -66515,8 +67368,8 @@
             "value": "var( --kendo-scheduler-event-readonly-border, k-color(primary-emphasis) )",
             "scope": "default",
             "line": {
-                "start": 131,
-                "end": 131
+                "start": 132,
+                "end": 132
             }
         },
         "group": [
@@ -66531,8 +67384,8 @@
     {
         "description": "The background color of the hovered Scheduler event.\n",
         "commentRange": {
-            "start": 133,
-            "end": 134
+            "start": 134,
+            "end": 135
         },
         "context": {
             "type": "variable",
@@ -66540,8 +67393,8 @@
             "value": "var( --kendo-scheduler-event-hover-bg, k-color(primary-hover) )",
             "scope": "default",
             "line": {
-                "start": 135,
-                "end": 135
+                "start": 136,
+                "end": 136
             }
         },
         "group": [
@@ -66556,8 +67409,8 @@
     {
         "description": "The text color of the hovered Scheduler event.\n",
         "commentRange": {
-            "start": 136,
-            "end": 137
+            "start": 137,
+            "end": 138
         },
         "context": {
             "type": "variable",
@@ -66565,8 +67418,8 @@
             "value": "var( --kendo-scheduler-event-hover-text, k-color(on-primary) )",
             "scope": "default",
             "line": {
-                "start": 138,
-                "end": 138
+                "start": 139,
+                "end": 139
             }
         },
         "group": [
@@ -66581,8 +67434,8 @@
     {
         "description": "The border color of the hovered Scheduler event.\n",
         "commentRange": {
-            "start": 139,
-            "end": 140
+            "start": 140,
+            "end": 141
         },
         "context": {
             "type": "variable",
@@ -66590,8 +67443,8 @@
             "value": "var( --kendo-scheduler-event-hover-border, color-mix(in srgb, k-color(border) 10%, transparent) )",
             "scope": "default",
             "line": {
-                "start": 141,
-                "end": 141
+                "start": 142,
+                "end": 142
             }
         },
         "group": [
@@ -66606,8 +67459,8 @@
     {
         "description": "The gradient of the hovered Scheduler event.\n",
         "commentRange": {
-            "start": 142,
-            "end": 143
+            "start": 143,
+            "end": 144
         },
         "context": {
             "type": "variable",
@@ -66615,8 +67468,8 @@
             "value": "var( --kendo-scheduler-event-hover-gradient, null )",
             "scope": "default",
             "line": {
-                "start": 144,
-                "end": 144
+                "start": 145,
+                "end": 145
             }
         },
         "group": [
@@ -66631,8 +67484,8 @@
     {
         "description": "The shadow of the hovered Scheduler event.\n",
         "commentRange": {
-            "start": 145,
-            "end": 146
+            "start": 146,
+            "end": 147
         },
         "context": {
             "type": "variable",
@@ -66640,8 +67493,8 @@
             "value": "var( --kendo-scheduler-event-hover-shadow, null )",
             "scope": "default",
             "line": {
-                "start": 147,
-                "end": 147
+                "start": 148,
+                "end": 148
             }
         },
         "group": [
@@ -66656,8 +67509,8 @@
     {
         "description": "The background color of the selected Scheduler event.\n",
         "commentRange": {
-            "start": 149,
-            "end": 150
+            "start": 150,
+            "end": 151
         },
         "context": {
             "type": "variable",
@@ -66665,8 +67518,8 @@
             "value": "var( --kendo-scheduler-event-selected-bg, k-color(primary-active) )",
             "scope": "default",
             "line": {
-                "start": 151,
-                "end": 151
+                "start": 152,
+                "end": 152
             }
         },
         "group": [
@@ -66681,8 +67534,8 @@
     {
         "description": "The text color of the selected Scheduler event.\n",
         "commentRange": {
-            "start": 152,
-            "end": 153
+            "start": 153,
+            "end": 154
         },
         "context": {
             "type": "variable",
@@ -66690,8 +67543,8 @@
             "value": "var( --kendo-scheduler-event-selected-text, $kendo-scheduler-event-text )",
             "scope": "default",
             "line": {
-                "start": 154,
-                "end": 154
+                "start": 155,
+                "end": 155
             }
         },
         "group": [
@@ -66706,8 +67559,8 @@
     {
         "description": "The border color of the selected Scheduler event.\n",
         "commentRange": {
-            "start": 155,
-            "end": 156
+            "start": 156,
+            "end": 157
         },
         "context": {
             "type": "variable",
@@ -66715,8 +67568,8 @@
             "value": "var( --kendo-scheduler-event-selected-border, $kendo-scheduler-event-bg )",
             "scope": "default",
             "line": {
-                "start": 157,
-                "end": 157
+                "start": 158,
+                "end": 158
             }
         },
         "group": [
@@ -66731,8 +67584,8 @@
     {
         "description": "The gradient of the selected Scheduler event.\n",
         "commentRange": {
-            "start": 158,
-            "end": 159
+            "start": 159,
+            "end": 160
         },
         "context": {
             "type": "variable",
@@ -66740,8 +67593,8 @@
             "value": "var( --kendo-scheduler-event-selected-gradient, null )",
             "scope": "default",
             "line": {
-                "start": 160,
-                "end": 160
+                "start": 161,
+                "end": 161
             }
         },
         "group": [
@@ -66756,8 +67609,8 @@
     {
         "description": "The shadow of the selected Scheduler event.\n",
         "commentRange": {
-            "start": 161,
-            "end": 162
+            "start": 162,
+            "end": 163
         },
         "context": {
             "type": "variable",
@@ -66765,8 +67618,8 @@
             "value": "var( --kendo-scheduler-event-selected-shadow, none )",
             "scope": "default",
             "line": {
-                "start": 163,
-                "end": 163
+                "start": 164,
+                "end": 164
             }
         },
         "group": [
@@ -66781,8 +67634,8 @@
     {
         "description": "The shadow of the ongoing Scheduler event.\n",
         "commentRange": {
-            "start": 165,
-            "end": 166
+            "start": 166,
+            "end": 167
         },
         "context": {
             "type": "variable",
@@ -66790,8 +67643,8 @@
             "value": "var( --kendo-scheduler-event-ongoing-shadow, inset 0px 0px 0px 1px #ff0000 )",
             "scope": "default",
             "line": {
-                "start": 167,
-                "end": 167
+                "start": 168,
+                "end": 168
             }
         },
         "group": [
@@ -66806,8 +67659,8 @@
     {
         "description": "The size of the Scheduler resize handle hit area.\n",
         "commentRange": {
-            "start": 169,
-            "end": 170
+            "start": 170,
+            "end": 171
         },
         "context": {
             "type": "variable",
@@ -66815,8 +67668,8 @@
             "value": "var( --kendo-scheduler-resizer-size, 0.5em )",
             "scope": "default",
             "line": {
-                "start": 171,
-                "end": 171
+                "start": 172,
+                "end": 172
             }
         },
         "group": [
@@ -66831,17 +67684,42 @@
     {
         "description": "The length of the Scheduler resize handle visual indicator.\n",
         "commentRange": {
-            "start": 172,
-            "end": 173
+            "start": 173,
+            "end": 174
         },
         "context": {
             "type": "variable",
             "name": "kendo-scheduler-resize-handle-size",
-            "value": "var( --kendo-scheduler-resize-handle-size, 8px )",
+            "value": "var( --kendo-scheduler-resize-handle-size, 12px )",
             "scope": "default",
             "line": {
-                "start": 174,
-                "end": 174
+                "start": 175,
+                "end": 175
+            }
+        },
+        "group": [
+            "scheduler"
+        ],
+        "access": "public",
+        "file": {
+            "path": "scheduler/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The thickness of the Scheduler resize handle visual indicator.\n",
+        "commentRange": {
+            "start": 176,
+            "end": 177
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-scheduler-resize-handle-thickness",
+            "value": "var( --kendo-scheduler-resize-handle-thickness, 1px )",
+            "scope": "default",
+            "line": {
+                "start": 178,
+                "end": 178
             }
         },
         "group": [
@@ -66856,8 +67734,8 @@
     {
         "description": "The border radius of the Scheduler resize handle.\n",
         "commentRange": {
-            "start": 175,
-            "end": 176
+            "start": 179,
+            "end": 180
         },
         "context": {
             "type": "variable",
@@ -66865,8 +67743,8 @@
             "value": "var( --kendo-scheduler-resize-handle-border-radius, k-border-radius(full) )",
             "scope": "default",
             "line": {
-                "start": 177,
-                "end": 177
+                "start": 181,
+                "end": 181
             }
         },
         "group": [
@@ -66881,17 +67759,17 @@
     {
         "description": "The border width of the Scheduler resize handle.\n",
         "commentRange": {
-            "start": 178,
-            "end": 179
+            "start": 182,
+            "end": 183
         },
         "context": {
             "type": "variable",
             "name": "kendo-scheduler-resize-handle-border-width",
-            "value": "var( --kendo-scheduler-resize-handle-border-width, 2px )",
+            "value": "var( --kendo-scheduler-resize-handle-border-width, 0 )",
             "scope": "default",
             "line": {
-                "start": 180,
-                "end": 180
+                "start": 184,
+                "end": 184
             }
         },
         "group": [
@@ -66906,17 +67784,17 @@
     {
         "description": "The background color of the Scheduler resize handle.\n",
         "commentRange": {
-            "start": 181,
-            "end": 182
+            "start": 185,
+            "end": 186
         },
         "context": {
             "type": "variable",
             "name": "kendo-scheduler-resize-handle-bg",
-            "value": "var( --kendo-scheduler-resize-handle-bg, $kendo-scheduler-event-bg )",
+            "value": "var( --kendo-scheduler-resize-handle-bg, k-color(primary-subtle) )",
             "scope": "default",
             "line": {
-                "start": 183,
-                "end": 183
+                "start": 187,
+                "end": 187
             }
         },
         "group": [
@@ -66931,8 +67809,8 @@
     {
         "description": "The horizontal padding of the Scheduler cell.\n",
         "commentRange": {
-            "start": 185,
-            "end": 186
+            "start": 189,
+            "end": 190
         },
         "context": {
             "type": "variable",
@@ -66940,8 +67818,8 @@
             "value": "var( --kendo-scheduler-cell-padding-x, k-spacing(2) )",
             "scope": "default",
             "line": {
-                "start": 187,
-                "end": 187
+                "start": 191,
+                "end": 191
             }
         },
         "group": [
@@ -66956,8 +67834,8 @@
     {
         "description": "The vertical padding of the Scheduler cell.\n",
         "commentRange": {
-            "start": 188,
-            "end": 189
+            "start": 192,
+            "end": 193
         },
         "context": {
             "type": "variable",
@@ -66965,8 +67843,8 @@
             "value": "var( --kendo-scheduler-cell-padding-y, k-spacing(2) )",
             "scope": "default",
             "line": {
-                "start": 190,
-                "end": 190
+                "start": 194,
+                "end": 194
             }
         },
         "group": [
@@ -66981,8 +67859,8 @@
     {
         "description": "The height of the Scheduler cell.\n",
         "commentRange": {
-            "start": 191,
-            "end": 192
+            "start": 195,
+            "end": 196
         },
         "context": {
             "type": "variable",
@@ -66990,8 +67868,8 @@
             "value": "var( --kendo-scheduler-cell-height, $kendo-line-height-em )",
             "scope": "default",
             "line": {
-                "start": 193,
-                "end": 193
+                "start": 197,
+                "end": 197
             }
         },
         "group": [
@@ -67006,8 +67884,8 @@
     {
         "description": "The width of the Scheduler date column.\n",
         "commentRange": {
-            "start": 194,
-            "end": 195
+            "start": 198,
+            "end": 199
         },
         "context": {
             "type": "variable",
@@ -67015,8 +67893,8 @@
             "value": "var( --kendo-scheduler-datecolumn-width, 12em )",
             "scope": "default",
             "line": {
-                "start": 196,
-                "end": 196
+                "start": 200,
+                "end": 200
             }
         },
         "group": [
@@ -67031,8 +67909,8 @@
     {
         "description": "The width of the Scheduler time column.\n",
         "commentRange": {
-            "start": 197,
-            "end": 198
+            "start": 201,
+            "end": 202
         },
         "context": {
             "type": "variable",
@@ -67040,8 +67918,8 @@
             "value": "var( --kendo-scheduler-timecolumn-width, 11em )",
             "scope": "default",
             "line": {
-                "start": 199,
-                "end": 199
+                "start": 203,
+                "end": 203
             }
         },
         "group": [
@@ -67056,8 +67934,8 @@
     {
         "description": "The background color of the non-working hours in the Scheduler.\n",
         "commentRange": {
-            "start": 201,
-            "end": 202
+            "start": 205,
+            "end": 206
         },
         "context": {
             "type": "variable",
@@ -67065,8 +67943,8 @@
             "value": "var( --kendo-scheduler-nonwork-bg, k-color(surface) )",
             "scope": "default",
             "line": {
-                "start": 203,
-                "end": 203
+                "start": 207,
+                "end": 207
             }
         },
         "group": [
@@ -67081,8 +67959,8 @@
     {
         "description": "The text color of the non-working hours in the Scheduler.\n",
         "commentRange": {
-            "start": 204,
-            "end": 205
+            "start": 208,
+            "end": 209
         },
         "context": {
             "type": "variable",
@@ -67090,8 +67968,8 @@
             "value": "var( --kendo-scheduler-nonwork-text, null )",
             "scope": "default",
             "line": {
-                "start": 206,
-                "end": 206
+                "start": 210,
+                "end": 210
             }
         },
         "group": [
@@ -67106,8 +67984,8 @@
     {
         "description": "The background color of the preceding/subsequent month cells in the Calendar.\n",
         "commentRange": {
-            "start": 208,
-            "end": 209
+            "start": 212,
+            "end": 213
         },
         "context": {
             "type": "variable",
@@ -67115,8 +67993,8 @@
             "value": "var( --kendo-scheduler-othermonth-bg, k-color(surface) )",
             "scope": "default",
             "line": {
-                "start": 210,
-                "end": 210
+                "start": 214,
+                "end": 214
             }
         },
         "group": [
@@ -67131,8 +68009,8 @@
     {
         "description": "The text color of the preceding/subsequent month cells in the Calendar.\n",
         "commentRange": {
-            "start": 211,
-            "end": 212
+            "start": 215,
+            "end": 216
         },
         "context": {
             "type": "variable",
@@ -67140,8 +68018,8 @@
             "value": "var( --kendo-scheduler-othermonth-text, null )",
             "scope": "default",
             "line": {
-                "start": 213,
-                "end": 213
+                "start": 217,
+                "end": 217
             }
         },
         "group": [
@@ -67156,8 +68034,8 @@
     {
         "description": "The horizontal padding of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 215,
-            "end": 216
+            "start": 219,
+            "end": 220
         },
         "context": {
             "type": "variable",
@@ -67165,8 +68043,8 @@
             "value": "var( --kendo-scheduler-yearview-padding-x, k-spacing(3) )",
             "scope": "default",
             "line": {
-                "start": 217,
-                "end": 217
+                "start": 221,
+                "end": 221
             }
         },
         "group": [
@@ -67181,8 +68059,8 @@
     {
         "description": "The vertical padding of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 218,
-            "end": 219
+            "start": 222,
+            "end": 223
         },
         "context": {
             "type": "variable",
@@ -67190,8 +68068,8 @@
             "value": "var( --kendo-scheduler-yearview-padding-y, $kendo-scheduler-yearview-padding-x )",
             "scope": "default",
             "line": {
-                "start": 220,
-                "end": 220
+                "start": 224,
+                "end": 224
             }
         },
         "group": [
@@ -67206,8 +68084,8 @@
     {
         "description": "The spacing between the calendars of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 222,
-            "end": 223
+            "start": 226,
+            "end": 227
         },
         "context": {
             "type": "variable",
@@ -67215,8 +68093,8 @@
             "value": "var( --kendo-scheduler-yearview-calendar-gap, k-spacing(3) )",
             "scope": "default",
             "line": {
-                "start": 224,
-                "end": 224
+                "start": 228,
+                "end": 228
             }
         },
         "group": [
@@ -67231,8 +68109,8 @@
     {
         "description": "The days with events indicator size of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 226,
-            "end": 227
+            "start": 230,
+            "end": 231
         },
         "context": {
             "type": "variable",
@@ -67240,8 +68118,8 @@
             "value": "var( --kendo-scheduler-yearview-indicator-size, 3px )",
             "scope": "default",
             "line": {
-                "start": 228,
-                "end": 228
+                "start": 232,
+                "end": 232
             }
         },
         "group": [
@@ -67256,8 +68134,8 @@
     {
         "description": "The top position of the days with events indicator of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 229,
-            "end": 230
+            "start": 233,
+            "end": 234
         },
         "context": {
             "type": "variable",
@@ -67265,8 +68143,8 @@
             "value": "calc( #{$kendo-calendar-cell-size} - (#{$kendo-calendar-cell-padding-y} * 2) )",
             "scope": "default",
             "line": {
-                "start": 231,
-                "end": 231
+                "start": 235,
+                "end": 235
             }
         },
         "group": [
@@ -67281,8 +68159,8 @@
     {
         "description": "The left position of the days with events indicator of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 232,
-            "end": 233
+            "start": 236,
+            "end": 237
         },
         "context": {
             "type": "variable",
@@ -67290,8 +68168,8 @@
             "value": "calc( 50% - (#{$kendo-scheduler-yearview-indicator-size} / 2) )",
             "scope": "default",
             "line": {
-                "start": 234,
-                "end": 234
+                "start": 238,
+                "end": 238
             }
         },
         "group": [
@@ -67306,8 +68184,8 @@
     {
         "description": "The border radius of the days with events indicator of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 235,
-            "end": 236
+            "start": 239,
+            "end": 240
         },
         "context": {
             "type": "variable",
@@ -67315,8 +68193,8 @@
             "value": "var( --kendo-scheduler-yearview-indicator-border-radius, 50% )",
             "scope": "default",
             "line": {
-                "start": 237,
-                "end": 237
+                "start": 241,
+                "end": 241
             }
         },
         "group": [
@@ -67331,8 +68209,8 @@
     {
         "description": "The background color of the days with events indicator of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 238,
-            "end": 239
+            "start": 242,
+            "end": 243
         },
         "context": {
             "type": "variable",
@@ -67340,8 +68218,8 @@
             "value": "var( --kendo-scheduler-yearview-indicator-bg, k-color(primary) )",
             "scope": "default",
             "line": {
-                "start": 240,
-                "end": 240
+                "start": 244,
+                "end": 244
             }
         },
         "group": [
@@ -67356,8 +68234,8 @@
     {
         "description": "The background color of the selected days with events indicator of the year view in the Scheduler.\n",
         "commentRange": {
-            "start": 241,
-            "end": 242
+            "start": 245,
+            "end": 246
         },
         "context": {
             "type": "variable",
@@ -67365,8 +68243,8 @@
             "value": "var( --kendo-scheduler-yearview-indicator-selected-bg, k-color(app-surface) )",
             "scope": "default",
             "line": {
-                "start": 243,
-                "end": 243
+                "start": 247,
+                "end": 247
             }
         },
         "group": [
@@ -67381,8 +68259,8 @@
     {
         "description": "The font size of the month inside the Scheduler Popover.\n",
         "commentRange": {
-            "start": 245,
-            "end": 246
+            "start": 249,
+            "end": 250
         },
         "context": {
             "type": "variable",
@@ -67390,8 +68268,8 @@
             "value": "var( --kendo-scheduler-popover-month-font-size, var(--kendo-font-size-sm) )",
             "scope": "default",
             "line": {
-                "start": 247,
-                "end": 247
+                "start": 251,
+                "end": 251
             }
         },
         "group": [
@@ -67406,8 +68284,8 @@
     {
         "description": "The font size of the day inside the Scheduler Popover.\n",
         "commentRange": {
-            "start": 248,
-            "end": 249
+            "start": 252,
+            "end": 253
         },
         "context": {
             "type": "variable",
@@ -67415,8 +68293,8 @@
             "value": "var( --kendo-scheduler-popover-day-font-size, calc( var(--kendo-font-size-sm) * 2 ) )",
             "scope": "default",
             "line": {
-                "start": 250,
-                "end": 250
+                "start": 254,
+                "end": 254
             }
         },
         "group": [
@@ -67431,8 +68309,8 @@
     {
         "description": "The max height of the events inside the Scheduler Popover.\n",
         "commentRange": {
-            "start": 252,
-            "end": 253
+            "start": 256,
+            "end": 257
         },
         "context": {
             "type": "variable",
@@ -67440,8 +68318,8 @@
             "value": "var( --kendo-scheduler-popover-events-max-height, 250px )",
             "scope": "default",
             "line": {
-                "start": 254,
-                "end": 254
+                "start": 258,
+                "end": 258
             }
         },
         "group": [
@@ -67456,8 +68334,8 @@
     {
         "description": "The spacing between the events inside the Scheduler Popover.\n",
         "commentRange": {
-            "start": 255,
-            "end": 256
+            "start": 259,
+            "end": 260
         },
         "context": {
             "type": "variable",
@@ -67465,8 +68343,8 @@
             "value": "var( --kendo-scheduler-popover-events-gap, k-spacing(1.5) )",
             "scope": "default",
             "line": {
-                "start": 257,
-                "end": 257
+                "start": 261,
+                "end": 261
             }
         },
         "group": [
@@ -67481,8 +68359,8 @@
     {
         "description": "The minimum height of the events inside the Scheduler Popover.\n",
         "commentRange": {
-            "start": 259,
-            "end": 260
+            "start": 263,
+            "end": 264
         },
         "context": {
             "type": "variable",
@@ -67490,8 +68368,8 @@
             "value": "var( --kendo-scheduler-popover-event-min-height, 25px )",
             "scope": "default",
             "line": {
-                "start": 261,
-                "end": 261
+                "start": 265,
+                "end": 265
             }
         },
         "group": [
@@ -67506,8 +68384,8 @@
     {
         "description": "The horizontal padding of the events inside the Scheduler Popover.\n",
         "commentRange": {
-            "start": 262,
-            "end": 263
+            "start": 266,
+            "end": 267
         },
         "context": {
             "type": "variable",
@@ -67515,8 +68393,8 @@
             "value": "var( --kendo-scheduler-popover-event-padding-x, $kendo-scheduler-event-template-padding-x )",
             "scope": "default",
             "line": {
-                "start": 264,
-                "end": 264
+                "start": 268,
+                "end": 268
             }
         },
         "group": [
@@ -67531,8 +68409,8 @@
     {
         "description": "The vertical padding of the events inside the Scheduler Popover.\n",
         "commentRange": {
-            "start": 265,
-            "end": 266
+            "start": 269,
+            "end": 270
         },
         "context": {
             "type": "variable",
@@ -67540,8 +68418,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 267,
-                "end": 267
+                "start": 271,
+                "end": 271
             }
         },
         "group": [
@@ -67556,8 +68434,8 @@
     {
         "description": "The border radius of the events inside the Scheduler Popover.\n",
         "commentRange": {
-            "start": 268,
-            "end": 269
+            "start": 272,
+            "end": 273
         },
         "context": {
             "type": "variable",
@@ -67565,8 +68443,8 @@
             "value": "var( --kendo-scheduler-popover-event-border-radius, $kendo-scheduler-event-border-radius )",
             "scope": "default",
             "line": {
-                "start": 270,
-                "end": 270
+                "start": 274,
+                "end": 274
             }
         },
         "group": [
@@ -67581,8 +68459,8 @@
     {
         "description": "The spacing between the events items inside the Scheduler Popover.\n",
         "commentRange": {
-            "start": 271,
-            "end": 272
+            "start": 275,
+            "end": 276
         },
         "context": {
             "type": "variable",
@@ -67590,8 +68468,8 @@
             "value": "var( --kendo-scheduler-popover-event-gap, k-spacing(0.5) )",
             "scope": "default",
             "line": {
-                "start": 273,
-                "end": 273
+                "start": 277,
+                "end": 277
             }
         },
         "group": [
@@ -67606,8 +68484,8 @@
     {
         "description": "The color of the Scheduler marquee.\n",
         "commentRange": {
-            "start": 275,
-            "end": 276
+            "start": 279,
+            "end": 280
         },
         "context": {
             "type": "variable",
@@ -67615,8 +68493,8 @@
             "value": "var( --kendo-scheduler-marquee-color, k-color(primary) )",
             "scope": "default",
             "line": {
-                "start": 277,
-                "end": 277
+                "start": 281,
+                "end": 281
             }
         },
         "group": [
@@ -67631,8 +68509,8 @@
     {
         "description": "The spacing between icon and text in Scheduler navigation items.\n",
         "commentRange": {
-            "start": 279,
-            "end": 280
+            "start": 283,
+            "end": 284
         },
         "context": {
             "type": "variable",
@@ -67640,8 +68518,8 @@
             "value": "var( --kendo-scheduler-nav-item-icon-spacing, #{k-spacing(2)} )",
             "scope": "default",
             "line": {
-                "start": 281,
-                "end": 281
+                "start": 285,
+                "end": 285
             }
         },
         "group": [
@@ -68507,15 +69385,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": "var( --kendo-segmented-control-padding-x, #{k-spacing(0)} )",
+            "name": "kendo-segmented-control-default-roundness",
+            "value": "\"full\"",
             "scope": "default",
             "line": {
                 "start": 14,
@@ -68525,6 +69403,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": "var( --kendo-segmented-control-padding-x, #{k-spacing(0)} )",
+            "scope": "default",
+            "line": {
+                "start": 18,
+                "end": 18
+            }
+        },
+        "group": [
+            "segmented-control"
+        ],
         "access": "public",
         "file": {
             "path": "segmented-control/_variables.scss",
@@ -68534,8 +69440,8 @@
     {
         "description": "The vertical padding of the Segmented Control.\n",
         "commentRange": {
-            "start": 15,
-            "end": 16
+            "start": 19,
+            "end": 20
         },
         "context": {
             "type": "variable",
@@ -68543,8 +69449,8 @@
             "value": "var( --kendo-segmented-control-padding-y, #{k-spacing(0)} )",
             "scope": "default",
             "line": {
-                "start": 17,
-                "end": 17
+                "start": 21,
+                "end": 21
             }
         },
         "group": [
@@ -68559,8 +69465,8 @@
     {
         "description": "The border radius of the Segmented Control.\n",
         "commentRange": {
-            "start": 18,
-            "end": 19
+            "start": 22,
+            "end": 23
         },
         "context": {
             "type": "variable",
@@ -68568,8 +69474,8 @@
             "value": "var( --kendo-segmented-control-border-radius, #{k-border-radius(full)} )",
             "scope": "default",
             "line": {
-                "start": 20,
-                "end": 20
+                "start": 24,
+                "end": 24
             }
         },
         "group": [
@@ -68584,8 +69490,8 @@
     {
         "description": "The background color of the Segmented Control.\n",
         "commentRange": {
-            "start": 22,
-            "end": 23
+            "start": 26,
+            "end": 27
         },
         "context": {
             "type": "variable",
@@ -68593,8 +69499,8 @@
             "value": "var( --kendo-segmented-control-bg, color-mix(in srgb, k-color(base), currentColor 12%) )",
             "scope": "default",
             "line": {
-                "start": 24,
-                "end": 24
+                "start": 28,
+                "end": 28
             }
         },
         "group": [
@@ -68609,8 +69515,8 @@
     {
         "description": "The text color of the Segmented Control.\n",
         "commentRange": {
-            "start": 25,
-            "end": 26
+            "start": 29,
+            "end": 30
         },
         "context": {
             "type": "variable",
@@ -68618,8 +69524,8 @@
             "value": "var( --kendo-segmented-control-text, #{k-color(on-base)} )",
             "scope": "default",
             "line": {
-                "start": 27,
-                "end": 27
+                "start": 31,
+                "end": 31
             }
         },
         "group": [
@@ -68634,8 +69540,8 @@
     {
         "description": "The font size of the small Segmented Control.\n",
         "commentRange": {
-            "start": 29,
-            "end": 30
+            "start": 33,
+            "end": 34
         },
         "context": {
             "type": "variable",
@@ -68643,8 +69549,8 @@
             "value": "var( --kendo-segmented-control-sm-font-size, var(--kendo-font-size-sm) )",
             "scope": "default",
             "line": {
-                "start": 31,
-                "end": 31
+                "start": 35,
+                "end": 35
             }
         },
         "group": [
@@ -68659,8 +69565,8 @@
     {
         "description": "The font size of the medium Segmented Control.\n",
         "commentRange": {
-            "start": 32,
-            "end": 33
+            "start": 36,
+            "end": 37
         },
         "context": {
             "type": "variable",
@@ -68668,8 +69574,8 @@
             "value": "var( --kendo-segmented-control-md-font-size, var(--kendo-font-size) )",
             "scope": "default",
             "line": {
-                "start": 34,
-                "end": 34
+                "start": 38,
+                "end": 38
             }
         },
         "group": [
@@ -68684,8 +69590,8 @@
     {
         "description": "The font size of the large Segmented Control.\n",
         "commentRange": {
-            "start": 35,
-            "end": 36
+            "start": 39,
+            "end": 40
         },
         "context": {
             "type": "variable",
@@ -68693,8 +69599,8 @@
             "value": "var( --kendo-segmented-control-lg-font-size, var(--kendo-font-size-lg) )",
             "scope": "default",
             "line": {
-                "start": 37,
-                "end": 37
+                "start": 41,
+                "end": 41
             }
         },
         "group": [
@@ -68709,8 +69615,8 @@
     {
         "description": "The font family of the Segmented Control.\n",
         "commentRange": {
-            "start": 39,
-            "end": 40
+            "start": 43,
+            "end": 44
         },
         "context": {
             "type": "variable",
@@ -68718,8 +69624,8 @@
             "value": "var( --kendo-segmented-control-font-family, var(--kendo-font-family) )",
             "scope": "default",
             "line": {
-                "start": 41,
-                "end": 41
+                "start": 45,
+                "end": 45
             }
         },
         "group": [
@@ -68734,8 +69640,8 @@
     {
         "description": "The line height of the small Segmented Control.\n",
         "commentRange": {
-            "start": 43,
-            "end": 44
+            "start": 47,
+            "end": 48
         },
         "context": {
             "type": "variable",
@@ -68743,8 +69649,8 @@
             "value": "var( --kendo-segmented-control-sm-line-height, var(--kendo-line-height-lg) )",
             "scope": "default",
             "line": {
-                "start": 45,
-                "end": 45
+                "start": 49,
+                "end": 49
             }
         },
         "group": [
@@ -68759,8 +69665,8 @@
     {
         "description": "The line height of the medium Segmented Control.\n",
         "commentRange": {
-            "start": 46,
-            "end": 47
+            "start": 50,
+            "end": 51
         },
         "context": {
             "type": "variable",
@@ -68768,8 +69674,8 @@
             "value": "var( --kendo-segmented-control-md-line-height, var(--kendo-line-height) )",
             "scope": "default",
             "line": {
-                "start": 48,
-                "end": 48
+                "start": 52,
+                "end": 52
             }
         },
         "group": [
@@ -68784,8 +69690,8 @@
     {
         "description": "The line height of the large Segmented Control.\n",
         "commentRange": {
-            "start": 49,
-            "end": 50
+            "start": 53,
+            "end": 54
         },
         "context": {
             "type": "variable",
@@ -68793,8 +69699,8 @@
             "value": "var( --kendo-segmented-control-lg-line-height, var(--kendo-line-height-sm) )",
             "scope": "default",
             "line": {
-                "start": 51,
-                "end": 51
+                "start": 55,
+                "end": 55
             }
         },
         "group": [
@@ -68809,8 +69715,8 @@
     {
         "description": "The border radius of the Segmented Control thumb.\n",
         "commentRange": {
-            "start": 53,
-            "end": 54
+            "start": 57,
+            "end": 58
         },
         "context": {
             "type": "variable",
@@ -68818,8 +69724,8 @@
             "value": "var( --kendo-segmented-control-thumb-border-radius, #{$kendo-segmented-control-border-radius} )",
             "scope": "default",
             "line": {
-                "start": 55,
-                "end": 55
+                "start": 59,
+                "end": 59
             }
         },
         "group": [
@@ -68834,8 +69740,8 @@
     {
         "description": "The box shadow of the Segmented Control thumb.\n",
         "commentRange": {
-            "start": 56,
-            "end": 57
+            "start": 60,
+            "end": 61
         },
         "context": {
             "type": "variable",
@@ -68843,8 +69749,8 @@
             "value": "none",
             "scope": "default",
             "line": {
-                "start": 58,
-                "end": 58
+                "start": 62,
+                "end": 62
             }
         },
         "group": [
@@ -68859,8 +69765,8 @@
     {
         "description": "The background of the Segmented Control thumb.\n",
         "commentRange": {
-            "start": 59,
-            "end": 60
+            "start": 63,
+            "end": 64
         },
         "context": {
             "type": "variable",
@@ -68868,8 +69774,8 @@
             "value": "var( --kendo-segmented-control-thumb-bg, #{k-color(primary)} )",
             "scope": "default",
             "line": {
-                "start": 61,
-                "end": 61
+                "start": 65,
+                "end": 65
             }
         },
         "group": [
@@ -68884,8 +69790,8 @@
     {
         "description": "The text color of the Segmented Control thumb.\n",
         "commentRange": {
-            "start": 62,
-            "end": 63
+            "start": 66,
+            "end": 67
         },
         "context": {
             "type": "variable",
@@ -68893,8 +69799,8 @@
             "value": "var( --kendo-segmented-control-thumb-text, #{k-color(on-primary)} )",
             "scope": "default",
             "line": {
-                "start": 64,
-                "end": 64
+                "start": 68,
+                "end": 68
             }
         },
         "group": [
@@ -68909,8 +69815,8 @@
     {
         "description": "The horizontal padding of the small Segmented Control button.\n",
         "commentRange": {
-            "start": 66,
-            "end": 67
+            "start": 70,
+            "end": 71
         },
         "context": {
             "type": "variable",
@@ -68918,8 +69824,8 @@
             "value": "var( --kendo-segmented-control-sm-button-padding-x, #{k-spacing(3.5)} )",
             "scope": "default",
             "line": {
-                "start": 68,
-                "end": 68
+                "start": 72,
+                "end": 72
             }
         },
         "group": [
@@ -68934,8 +69840,8 @@
     {
         "description": "The horizontal padding of the medium Segmented Control button.\n",
         "commentRange": {
-            "start": 69,
-            "end": 70
+            "start": 73,
+            "end": 74
         },
         "context": {
             "type": "variable",
@@ -68943,8 +69849,8 @@
             "value": "var( --kendo-segmented-control-md-button-padding-x, #{k-spacing(3.5)} )",
             "scope": "default",
             "line": {
-                "start": 71,
-                "end": 71
+                "start": 75,
+                "end": 75
             }
         },
         "group": [
@@ -68959,8 +69865,8 @@
     {
         "description": "The horizontal padding of the large Segmented Control button.\n",
         "commentRange": {
-            "start": 72,
-            "end": 73
+            "start": 76,
+            "end": 77
         },
         "context": {
             "type": "variable",
@@ -68968,8 +69874,8 @@
             "value": "var( --kendo-segmented-control-lg-button-padding-x, #{k-spacing(3.5)} )",
             "scope": "default",
             "line": {
-                "start": 74,
-                "end": 74
+                "start": 78,
+                "end": 78
             }
         },
         "group": [
@@ -68984,8 +69890,8 @@
     {
         "description": "The vertical padding of the small Segmented Control button.\n",
         "commentRange": {
-            "start": 76,
-            "end": 77
+            "start": 80,
+            "end": 81
         },
         "context": {
             "type": "variable",
@@ -68993,8 +69899,8 @@
             "value": "var( --kendo-segmented-control-sm-button-padding-y, #{k-spacing(1)} )",
             "scope": "default",
             "line": {
-                "start": 78,
-                "end": 78
+                "start": 82,
+                "end": 82
             }
         },
         "group": [
@@ -69009,8 +69915,8 @@
     {
         "description": "The vertical padding of the medium Segmented Control button.\n",
         "commentRange": {
-            "start": 79,
-            "end": 80
+            "start": 83,
+            "end": 84
         },
         "context": {
             "type": "variable",
@@ -69018,8 +69924,8 @@
             "value": "var( --kendo-segmented-control-md-button-padding-y, #{k-spacing(1.5)} )",
             "scope": "default",
             "line": {
-                "start": 81,
-                "end": 81
+                "start": 85,
+                "end": 85
             }
         },
         "group": [
@@ -69034,8 +69940,8 @@
     {
         "description": "The vertical padding of the large Segmented Control button.\n",
         "commentRange": {
-            "start": 82,
-            "end": 83
+            "start": 86,
+            "end": 87
         },
         "context": {
             "type": "variable",
@@ -69043,8 +69949,8 @@
             "value": "var( --kendo-segmented-control-lg-button-padding-y, #{k-spacing(2.5)} )",
             "scope": "default",
             "line": {
-                "start": 84,
-                "end": 84
+                "start": 88,
+                "end": 88
             }
         },
         "group": [
@@ -69059,8 +69965,8 @@
     {
         "description": "The width of the border around the Segmented Control button.\n",
         "commentRange": {
-            "start": 86,
-            "end": 87
+            "start": 90,
+            "end": 91
         },
         "context": {
             "type": "variable",
@@ -69068,8 +69974,8 @@
             "value": "var( --kendo-segmented-control-button-border-width, #{0px} )",
             "scope": "default",
             "line": {
-                "start": 88,
-                "end": 88
+                "start": 92,
+                "end": 92
             }
         },
         "group": [
@@ -69084,8 +69990,8 @@
     {
         "description": "The border radius of the Segmented Control button.\n",
         "commentRange": {
-            "start": 89,
-            "end": 90
+            "start": 93,
+            "end": 94
         },
         "context": {
             "type": "variable",
@@ -69093,8 +69999,8 @@
             "value": "var( --kendo-segmented-control-button-border-radius, #{$kendo-segmented-control-thumb-border-radius} )",
             "scope": "default",
             "line": {
-                "start": 91,
-                "end": 91
+                "start": 95,
+                "end": 95
             }
         },
         "group": [
@@ -69109,8 +70015,8 @@
     {
         "description": "The gap of the items inside the small Segmented Control buttons.\n",
         "commentRange": {
-            "start": 93,
-            "end": 94
+            "start": 97,
+            "end": 98
         },
         "context": {
             "type": "variable",
@@ -69118,8 +70024,8 @@
             "value": "var( --kendo-segmented-control-sm-button-gap, #{k-spacing(1.5)} )",
             "scope": "default",
             "line": {
-                "start": 95,
-                "end": 95
+                "start": 99,
+                "end": 99
             }
         },
         "group": [
@@ -69134,8 +70040,8 @@
     {
         "description": "The gap of the items inside the medium Segmented Control buttons.\n",
         "commentRange": {
-            "start": 96,
-            "end": 97
+            "start": 100,
+            "end": 101
         },
         "context": {
             "type": "variable",
@@ -69143,8 +70049,8 @@
             "value": "var( --kendo-segmented-control-md-button-gap, #{k-spacing(1.5)} )",
             "scope": "default",
             "line": {
-                "start": 98,
-                "end": 98
+                "start": 102,
+                "end": 102
             }
         },
         "group": [
@@ -69159,8 +70065,8 @@
     {
         "description": "The gap of the items inside the large Segmented Control buttons.\n",
         "commentRange": {
-            "start": 99,
-            "end": 100
+            "start": 103,
+            "end": 104
         },
         "context": {
             "type": "variable",
@@ -69168,8 +70074,8 @@
             "value": "var( --kendo-segmented-control-lg-button-gap, #{k-spacing(2.5)} )",
             "scope": "default",
             "line": {
-                "start": 101,
-                "end": 101
+                "start": 105,
+                "end": 105
             }
         },
         "group": [
@@ -69184,8 +70090,8 @@
     {
         "description": "The background color of the hovered button inside Segmented Control.\n",
         "commentRange": {
-            "start": 103,
-            "end": 104
+            "start": 107,
+            "end": 108
         },
         "context": {
             "type": "variable",
@@ -69193,8 +70099,8 @@
             "value": "var( --kendo-segmented-control-button-hover-bg, color-mix(in srgb, k-color(base-hover), currentColor 16%) )",
             "scope": "default",
             "line": {
-                "start": 105,
-                "end": 105
+                "start": 109,
+                "end": 109
             }
         },
         "group": [
@@ -69209,8 +70115,8 @@
     {
         "description": "The indication of the focused button inside Segmented Control.\n",
         "commentRange": {
-            "start": 106,
-            "end": 107
+            "start": 110,
+            "end": 111
         },
         "context": {
             "type": "variable",
@@ -69218,8 +70124,8 @@
             "value": "var( --kendo-segmented-control-button-focus-indicator, inset 0 0 0 2px k-color(on-base) )",
             "scope": "default",
             "line": {
-                "start": 108,
-                "end": 108
+                "start": 112,
+                "end": 112
             }
         },
         "group": [
@@ -69234,8 +70140,8 @@
     {
         "description": "The text color of the disabled button inside Segmented Control.\n",
         "commentRange": {
-            "start": 110,
-            "end": 111
+            "start": 114,
+            "end": 115
         },
         "context": {
             "type": "variable",
@@ -69243,8 +70149,8 @@
             "value": "var( --kendo-segmented-control-button-disabled-text, color-mix(in srgb, k-color(on-app-surface) 30%, transparent) )",
             "scope": "default",
             "line": {
-                "start": 112,
-                "end": 112
+                "start": 116,
+                "end": 116
             }
         },
         "group": [
@@ -85914,31 +86820,6 @@
             "name": "_variables.scss"
         }
     },
-    {
-        "description": "The border radius of the floating Toolbar.\n",
-        "commentRange": {
-            "start": 132,
-            "end": 133
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-floating-toolbar-border-radius",
-            "value": "var( --kendo-floating-toolbar-border-radius, #{k-border-radius(md)} )",
-            "scope": "default",
-            "line": {
-                "start": 134,
-                "end": 134
-            }
-        },
-        "group": [
-            "toolbar"
-        ],
-        "access": "public",
-        "file": {
-            "path": "toolbar/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
     {
         "description": "The border radius of the Tooltip.\n",
         "commentRange": {
@@ -93490,20 +94371,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": [
@@ -93593,8 +94499,8 @@
     {
         "description": "The map with the sizes of the Segmented Control.\n",
         "commentRange": {
-            "start": 45,
-            "end": 46
+            "start": 48,
+            "end": 49
         },
         "context": {
             "type": "variable",
@@ -93602,8 +94508,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": [