@progress/kendo-theme-fluent 6.8.0-dev.2 → 7.0.0-dev.0

package/dist/meta/sassdoc-data.json

@@ -509,7 +509,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-actionsheet-shadow",
-                "value": "var( --kendo-box-shadow-depth-4, none )",
+                "value": "var( --kendo-box-shadow-depth-7, none )",
                 "scope": "default",
                 "line": {
                     "start": 51,
@@ -3259,7 +3259,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-bottom-nav-shadow",
-                "value": "var( --kendo-box-shadow-depth-1, none )",
+                "value": "var( --kendo-box-shadow-depth-4, none )",
                 "scope": "default",
                 "line": {
                     "start": 63,
@@ -10509,7 +10509,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-treemap-font-size",
-                "value": "var( -kendo-font-size, inherit )",
+                "value": "var( --kendo-font-size, inherit )",
                 "scope": "default",
                 "line": {
                     "start": 221,
@@ -11959,7 +11959,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-chat-bubble-hover-shadow",
-                "value": "var( --kendo-box-shadow-depth-3, none )",
+                "value": "var( --kendo-box-shadow-depth-2, none )",
                 "scope": "default",
                 "line": {
                     "start": 171,
@@ -12109,7 +12109,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-chat-alt-bubble-hover-shadow",
-                "value": "var( --kendo-box-shadow-depth-1, none )",
+                "value": "var( --kendo-box-shadow-depth-2, none )",
                 "scope": "default",
                 "line": {
                     "start": 190,
@@ -12134,7 +12134,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-chat-alt-bubble-selected-shadow",
-                "value": "var( --kendo-box-shadow-depth-1, none )",
+                "value": "var( --kendo-box-shadow-depth-3, none )",
                 "scope": "default",
                 "line": {
                     "start": 193,
@@ -14384,7 +14384,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-color-gradient-border-width",
-                "value": "1px",
+                "value": "2px",
                 "scope": "default",
                 "line": {
                     "start": 14,
@@ -14859,7 +14859,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-color-gradient-canvas-draghandle-shadow",
-                "value": "0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13), inset 0px 0px 0px 3px #FFFFFF",
+                "value": "var( --kendo-box-shadow-depth-2, none )",
                 "scope": "default",
                 "line": {
                     "start": 74,
@@ -15109,7 +15109,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-color-gradient-draghandle-border-width",
-                "value": "1px",
+                "value": "2px",
                 "scope": "default",
                 "line": {
                     "start": 107,
@@ -15126,15 +15126,15 @@
             }
         },
         {
-            "description": "The color of the border around the ColorGradient canvas drag handle.\n",
+            "description": "The width of the outline around the ColorGradient canvas drag handle.\n",
             "commentRange": {
                 "start": 108,
                 "end": 109
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-color-gradient-draghandle-border",
-                "value": "k-get-theme-color-var( neutral-110 )",
+                "name": "kendo-color-gradient-draghandle-outline-width",
+                "value": "1px",
                 "scope": "default",
                 "line": {
                     "start": 110,
@@ -15151,15 +15151,15 @@
             }
         },
         {
-            "description": "The box shadow of the ColorGradient canvas drag handle.\n",
+            "description": "The color of the border around the ColorGradient canvas drag handle.\n",
             "commentRange": {
                 "start": 111,
                 "end": 112
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-color-gradient-draghandle-shadow",
-                "value": "var( --kendo-box-shadow-depth-2, none )",
+                "name": "kendo-color-gradient-draghandle-border",
+                "value": "$kendo-color-white",
                 "scope": "default",
                 "line": {
                     "start": 113,
@@ -15176,15 +15176,15 @@
             }
         },
         {
-            "description": "The color of the border around the focused ColorGradient canvas drag handle.\n",
+            "description": "The color of the outline around the ColorGradient canvas drag handle.\n",
             "commentRange": {
                 "start": 114,
                 "end": 115
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-color-gradient-draghandle-focus-border",
-                "value": "k-get-theme-color-var( neutral-160 )",
+                "name": "kendo-color-gradient-draghandle-shadow",
+                "value": "k-get-theme-color-var( neutral-110 )",
                 "scope": "default",
                 "line": {
                     "start": 116,
@@ -15201,15 +15201,15 @@
             }
         },
         {
-            "description": "The box shadow of the focused ColorGradient canvas drag handle.\n",
+            "description": "The box shadow of the ColorGradient canvas drag handle.\n",
             "commentRange": {
                 "start": 117,
                 "end": 118
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-color-gradient-draghandle-focus-shadow",
-                "value": "$kendo-color-gradient-draghandle-shadow",
+                "name": "kendo-color-gradient-draghandle-shadow",
+                "value": "var( --kendo-box-shadow-depth-2, none )",
                 "scope": "default",
                 "line": {
                     "start": 119,
@@ -15226,15 +15226,15 @@
             }
         },
         {
-            "description": "The box shadow of the hovered ColorGradient canvas drag handle.\n",
+            "description": "The color of the border around the focused ColorGradient canvas drag handle.\n",
             "commentRange": {
                 "start": 120,
                 "end": 121
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-color-gradient-draghandle-hover-shadow",
-                "value": "$kendo-color-gradient-draghandle-focus-shadow",
+                "name": "kendo-color-gradient-draghandle-focus-border",
+                "value": "$kendo-color-white",
                 "scope": "default",
                 "line": {
                     "start": 122,
@@ -15250,11 +15250,61 @@
                 "name": "_variables.scss"
             }
         },
+        {
+            "description": "The focus color of the outline around the ColorGradient canvas drag handle.\n",
+            "commentRange": {
+                "start": 123,
+                "end": 124
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-color-gradient-draghandle-focus-shadow",
+                "value": "k-get-theme-color-var( neutral-130 )",
+                "scope": "default",
+                "line": {
+                    "start": 125,
+                    "end": 125
+                }
+            },
+            "group": [
+                "cologradient"
+            ],
+            "access": "public",
+            "file": {
+                "path": "colorgradient/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The hover color of the outline around the ColorGradient canvas drag handle.\n",
+            "commentRange": {
+                "start": 126,
+                "end": 127
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-color-gradient-draghandle-hover-shadow",
+                "value": "k-get-theme-color-var( neutral-130 )",
+                "scope": "default",
+                "line": {
+                    "start": 128,
+                    "end": 128
+                }
+            },
+            "group": [
+                "cologradient"
+            ],
+            "access": "public",
+            "file": {
+                "path": "colorgradient/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
         {
             "description": "The vertical offset of the ColorGradient canvas drag handle.\n",
             "commentRange": {
-                "start": 124,
-                "end": 125
+                "start": 130,
+                "end": 131
             },
             "context": {
                 "type": "variable",
@@ -15262,8 +15312,8 @@
                 "value": "( -1 * math.div( $kendo-color-gradient-draghandle-height, 2 ) )",
                 "scope": "default",
                 "line": {
-                    "start": 126,
-                    "end": 126
+                    "start": 132,
+                    "end": 132
                 }
             },
             "group": [
@@ -15278,8 +15328,8 @@
         {
             "description": "The horizontal offset of the ColorGradient canvas drag handle.\n",
             "commentRange": {
-                "start": 127,
-                "end": 128
+                "start": 133,
+                "end": 134
             },
             "context": {
                 "type": "variable",
@@ -15287,8 +15337,8 @@
                 "value": "( -1 * math.div( $kendo-color-gradient-draghandle-width, 2 ) )",
                 "scope": "default",
                 "line": {
-                    "start": 129,
-                    "end": 129
+                    "start": 135,
+                    "end": 135
                 }
             },
             "group": [
@@ -15303,8 +15353,8 @@
         {
             "description": "The width of the ColorGradient input.\n",
             "commentRange": {
-                "start": 131,
-                "end": 132
+                "start": 137,
+                "end": 138
             },
             "context": {
                 "type": "variable",
@@ -15312,8 +15362,8 @@
                 "value": "48px",
                 "scope": "default",
                 "line": {
-                    "start": 133,
-                    "end": 133
+                    "start": 139,
+                    "end": 139
                 }
             },
             "group": [
@@ -15328,8 +15378,8 @@
         {
             "description": "The spacing between the ColorGradient inputs.\n",
             "commentRange": {
-                "start": 134,
-                "end": 135
+                "start": 140,
+                "end": 141
             },
             "context": {
                 "type": "variable",
@@ -15337,8 +15387,8 @@
                 "value": "math.div( $kendo-color-gradient-spacer, 4 )",
                 "scope": "default",
                 "line": {
-                    "start": 136,
-                    "end": 136
+                    "start": 142,
+                    "end": 142
                 }
             },
             "group": [
@@ -15353,8 +15403,8 @@
         {
             "description": "The font size of the ColorGradient input labels.\n",
             "commentRange": {
-                "start": 137,
-                "end": 138
+                "start": 143,
+                "end": 144
             },
             "context": {
                 "type": "variable",
@@ -15362,8 +15412,8 @@
                 "value": "var( --kendo-font-size-sm, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 139,
-                    "end": 139
+                    "start": 145,
+                    "end": 145
                 }
             },
             "group": [
@@ -15378,8 +15428,8 @@
         {
             "description": "The spacing between the ColorGradient inputs and their labels.\n",
             "commentRange": {
-                "start": 140,
-                "end": 141
+                "start": 146,
+                "end": 147
             },
             "context": {
                 "type": "variable",
@@ -15387,8 +15437,8 @@
                 "value": "math.div( $kendo-color-gradient-spacer, 4 )",
                 "scope": "default",
                 "line": {
-                    "start": 142,
-                    "end": 142
+                    "start": 148,
+                    "end": 148
                 }
             },
             "group": [
@@ -15403,8 +15453,8 @@
         {
             "description": "The text color of the ColorGradient input labels.\n",
             "commentRange": {
-                "start": 143,
-                "end": 144
+                "start": 149,
+                "end": 150
             },
             "context": {
                 "type": "variable",
@@ -15412,8 +15462,8 @@
                 "value": "var( --kendo-subtle-text, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 145,
-                    "end": 145
+                    "start": 151,
+                    "end": 151
                 }
             },
             "group": [
@@ -15428,8 +15478,8 @@
         {
             "description": "The font weight of the ColorGradient contrast ratio text.\n",
             "commentRange": {
-                "start": 147,
-                "end": 148
+                "start": 153,
+                "end": 154
             },
             "context": {
                 "type": "variable",
@@ -15437,8 +15487,8 @@
                 "value": "var( --kendo-font-weight-bold, normal )",
                 "scope": "default",
                 "line": {
-                    "start": 149,
-                    "end": 149
+                    "start": 155,
+                    "end": 155
                 }
             },
             "group": [
@@ -15453,8 +15503,8 @@
         {
             "description": "The spacing between the items in the ColorGradient contrast tool.\n",
             "commentRange": {
-                "start": 150,
-                "end": 151
+                "start": 156,
+                "end": 157
             },
             "context": {
                 "type": "variable",
@@ -15462,8 +15512,8 @@
                 "value": "math.div( $kendo-color-gradient-spacer, 1.5 )",
                 "scope": "default",
                 "line": {
-                    "start": 152,
-                    "end": 152
+                    "start": 158,
+                    "end": 158
                 }
             },
             "group": [
@@ -17109,7 +17159,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-dialog-shadow",
-                "value": "var( --kendo-box-shadow-depth-4, none )",
+                "value": "var( --kendo-box-shadow-depth-8, none )",
                 "scope": "default",
                 "line": {
                     "start": 53,
@@ -20850,6 +20900,31 @@
                 "name": "_variables.scss"
             }
         },
+        {
+            "description": "Global Elevation.\n",
+            "commentRange": {
+                "start": 42,
+                "end": 43
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-elevation",
+                "value": "$_default-elevation",
+                "scope": "default",
+                "line": {
+                    "start": 44,
+                    "end": 44
+                }
+            },
+            "group": [
+                "elevation"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/elevation/_index.scss",
+                "name": "_index.scss"
+            }
+        },
         {
             "description": "The vertical spacing of the ExpansionPanel.\n",
             "commentRange": {
@@ -30809,7 +30884,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-grid-column-menu-shadow",
-                "value": "var( --kendo-box-shadow-depth-1, none )",
+                "value": "var( --kendo-box-shadow-depth-6, none )",
                 "scope": "default",
                 "line": {
                     "start": 457,
@@ -41159,7 +41234,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-menu-popup-shadow",
-                "value": "var( --kendo-box-shadow-depth-2, none )",
+                "value": "var( --kendo-box-shadow-depth-6, none )",
                 "scope": "default",
                 "line": {
                     "start": 128,
@@ -46509,7 +46584,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-pdf-viewer-page-shadow",
-                "value": "var( --kendo-box-shadow-depth-1, none )",
+                "value": "var( --kendo-box-shadow-depth-3, none )",
                 "scope": "default",
                 "line": {
                     "start": 52,
@@ -48834,7 +48909,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-popover-shadow",
-                "value": "var( --kendo-box-shadow-depth-3, none )",
+                "value": "var( --kendo-box-shadow-depth-6, none )",
                 "scope": "default",
                 "line": {
                     "start": 36,
@@ -49559,7 +49634,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-popup-shadow",
-                "value": "var( --kendo-box-shadow-depth-3, none )",
+                "value": "var( --kendo-box-shadow-depth-4, none )",
                 "scope": "default",
                 "line": {
                     "start": 42,
@@ -52901,44 +52976,19 @@
             }
         },
         {
-            "description": "Color of the current time marker in the scheduler.\n",
+            "description": "Background color of the non-working hours in the scheduler.\n",
             "commentRange": {
                 "start": 149,
                 "end": 150
             },
-            "context": {
-                "type": "variable",
-                "name": "kendo-scheduler-current-time-color",
-                "value": "#ff0000",
-                "scope": "default",
-                "line": {
-                    "start": 151,
-                    "end": 151
-                }
-            },
-            "group": [
-                "scheduler"
-            ],
-            "access": "public",
-            "file": {
-                "path": "scheduler/_variables.scss",
-                "name": "_variables.scss"
-            }
-        },
-        {
-            "description": "Background color of the non-working hours in the scheduler.\n",
-            "commentRange": {
-                "start": 153,
-                "end": 154
-            },
             "context": {
                 "type": "variable",
                 "name": "kendo-scheduler-nonwork-bg",
                 "value": "k-get-theme-color-var( neutral-10 )",
                 "scope": "default",
                 "line": {
-                    "start": 155,
-                    "end": 155
+                    "start": 151,
+                    "end": 151
                 }
             },
             "group": [
@@ -52953,8 +53003,8 @@
         {
             "description": "Text color of the non-working hours in the scheduler.\n",
             "commentRange": {
-                "start": 156,
-                "end": 157
+                "start": 152,
+                "end": 153
             },
             "context": {
                 "type": "variable",
@@ -52962,8 +53012,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 158,
-                    "end": 158
+                    "start": 154,
+                    "end": 154
                 }
             },
             "group": [
@@ -52978,8 +53028,8 @@
         {
             "description": "Background color of the weekends in the scheduler.\n",
             "commentRange": {
-                "start": 160,
-                "end": 161
+                "start": 156,
+                "end": 157
             },
             "context": {
                 "type": "variable",
@@ -52987,8 +53037,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 162,
-                    "end": 162
+                    "start": 158,
+                    "end": 158
                 }
             },
             "group": [
@@ -53003,8 +53053,8 @@
         {
             "description": "Text color of the weekends in the scheduler.\n",
             "commentRange": {
-                "start": 163,
-                "end": 164
+                "start": 159,
+                "end": 160
             },
             "context": {
                 "type": "variable",
@@ -53012,8 +53062,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 165,
-                    "end": 165
+                    "start": 161,
+                    "end": 161
                 }
             },
             "group": [
@@ -53028,8 +53078,8 @@
         {
             "description": "Background color of the other months in the scheduler.\n",
             "commentRange": {
-                "start": 167,
-                "end": 168
+                "start": 163,
+                "end": 164
             },
             "context": {
                 "type": "variable",
@@ -53037,8 +53087,8 @@
                 "value": "k-get-theme-color-var( neutral-10 )",
                 "scope": "default",
                 "line": {
-                    "start": 169,
-                    "end": 169
+                    "start": 165,
+                    "end": 165
                 }
             },
             "group": [
@@ -53053,8 +53103,8 @@
         {
             "description": "Text color of the other months in the scheduler.\n",
             "commentRange": {
-                "start": 170,
-                "end": 171
+                "start": 166,
+                "end": 167
             },
             "context": {
                 "type": "variable",
@@ -53062,8 +53112,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 172,
-                    "end": 172
+                    "start": 168,
+                    "end": 168
                 }
             },
             "group": [
@@ -53078,8 +53128,8 @@
         {
             "description": "Horizontal padding of the scheduler year view.\n",
             "commentRange": {
-                "start": 174,
-                "end": 175
+                "start": 170,
+                "end": 171
             },
             "context": {
                 "type": "variable",
@@ -53087,8 +53137,8 @@
                 "value": "map.get( $kendo-spacing, 3 )",
                 "scope": "default",
                 "line": {
-                    "start": 176,
-                    "end": 176
+                    "start": 172,
+                    "end": 172
                 }
             },
             "group": [
@@ -53103,8 +53153,8 @@
         {
             "description": "Vertical padding of the scheduler year view.\n",
             "commentRange": {
-                "start": 177,
-                "end": 178
+                "start": 173,
+                "end": 174
             },
             "context": {
                 "type": "variable",
@@ -53112,8 +53162,8 @@
                 "value": "$kendo-scheduler-yearview-padding-x",
                 "scope": "default",
                 "line": {
-                    "start": 179,
-                    "end": 179
+                    "start": 175,
+                    "end": 175
                 }
             },
             "group": [
@@ -53128,8 +53178,8 @@
         {
             "description": "Spacing between the calendars in the scheduler year view.\n",
             "commentRange": {
-                "start": 181,
-                "end": 182
+                "start": 177,
+                "end": 178
             },
             "context": {
                 "type": "variable",
@@ -53137,8 +53187,8 @@
                 "value": "map.get( $kendo-spacing, 3 )",
                 "scope": "default",
                 "line": {
-                    "start": 183,
-                    "end": 183
+                    "start": 179,
+                    "end": 179
                 }
             },
             "group": [
@@ -53153,8 +53203,8 @@
         {
             "description": "Days with events indicator size in the scheduler year view.\n",
             "commentRange": {
-                "start": 185,
-                "end": 186
+                "start": 181,
+                "end": 182
             },
             "context": {
                 "type": "variable",
@@ -53162,8 +53212,8 @@
                 "value": "3px",
                 "scope": "default",
                 "line": {
-                    "start": 187,
-                    "end": 187
+                    "start": 183,
+                    "end": 183
                 }
             },
             "group": [
@@ -53178,8 +53228,8 @@
         {
             "description": "Top position of the days with events indicator in the scheduler year view.\n",
             "commentRange": {
-                "start": 188,
-                "end": 189
+                "start": 184,
+                "end": 185
             },
             "context": {
                 "type": "variable",
@@ -53187,8 +53237,8 @@
                 "value": "calc( #{$kendo-calendar-cell-size} - (#{$kendo-calendar-cell-padding-y} * 2) )",
                 "scope": "default",
                 "line": {
-                    "start": 190,
-                    "end": 190
+                    "start": 186,
+                    "end": 186
                 }
             },
             "group": [
@@ -53203,8 +53253,8 @@
         {
             "description": "Left position of the days with events indicator in the scheduler year view.\n",
             "commentRange": {
-                "start": 191,
-                "end": 192
+                "start": 187,
+                "end": 188
             },
             "context": {
                 "type": "variable",
@@ -53212,8 +53262,8 @@
                 "value": "calc( 50% - (#{$kendo-scheduler-yearview-indicator-size} / 2) )",
                 "scope": "default",
                 "line": {
-                    "start": 193,
-                    "end": 193
+                    "start": 189,
+                    "end": 189
                 }
             },
             "group": [
@@ -53228,8 +53278,8 @@
         {
             "description": "Border radius of the days with events indicator in the scheduler year view.\n",
             "commentRange": {
-                "start": 194,
-                "end": 195
+                "start": 190,
+                "end": 191
             },
             "context": {
                 "type": "variable",
@@ -53237,8 +53287,8 @@
                 "value": "50%",
                 "scope": "default",
                 "line": {
-                    "start": 196,
-                    "end": 196
+                    "start": 192,
+                    "end": 192
                 }
             },
             "group": [
@@ -53253,8 +53303,8 @@
         {
             "description": "Background color of the days with events indicator in the scheduler year view.\n",
             "commentRange": {
-                "start": 197,
-                "end": 198
+                "start": 193,
+                "end": 194
             },
             "context": {
                 "type": "variable",
@@ -53262,8 +53312,8 @@
                 "value": "k-get-theme-color-var( primary-100 )",
                 "scope": "default",
                 "line": {
-                    "start": 199,
-                    "end": 199
+                    "start": 195,
+                    "end": 195
                 }
             },
             "group": [
@@ -53278,8 +53328,8 @@
         {
             "description": "Background color of the selected days with events indicator in the scheduler year view.\n",
             "commentRange": {
-                "start": 200,
-                "end": 201
+                "start": 196,
+                "end": 197
             },
             "context": {
                 "type": "variable",
@@ -53287,8 +53337,8 @@
                 "value": "$kendo-color-white",
                 "scope": "default",
                 "line": {
-                    "start": 202,
-                    "end": 202
+                    "start": 198,
+                    "end": 198
                 }
             },
             "group": [
@@ -53303,8 +53353,8 @@
         {
             "description": "Horizontal padding of the scheduler tooltip.\n",
             "commentRange": {
-                "start": 204,
-                "end": 205
+                "start": 200,
+                "end": 201
             },
             "context": {
                 "type": "variable",
@@ -53312,8 +53362,8 @@
                 "value": "map.get( $kendo-spacing, 2 )",
                 "scope": "default",
                 "line": {
-                    "start": 206,
-                    "end": 206
+                    "start": 202,
+                    "end": 202
                 }
             },
             "group": [
@@ -53328,8 +53378,8 @@
         {
             "description": "Vertical padding of the scheduler tooltip.\n",
             "commentRange": {
-                "start": 207,
-                "end": 208
+                "start": 203,
+                "end": 204
             },
             "context": {
                 "type": "variable",
@@ -53337,8 +53387,8 @@
                 "value": "$kendo-scheduler-tooltip-padding-x",
                 "scope": "default",
                 "line": {
-                    "start": 209,
-                    "end": 209
+                    "start": 205,
+                    "end": 205
                 }
             },
             "group": [
@@ -53353,8 +53403,8 @@
         {
             "description": "Width of the border of the scheduler tooltip.\n",
             "commentRange": {
-                "start": 210,
-                "end": 211
+                "start": 206,
+                "end": 207
             },
             "context": {
                 "type": "variable",
@@ -53362,8 +53412,8 @@
                 "value": "0",
                 "scope": "default",
                 "line": {
-                    "start": 212,
-                    "end": 212
+                    "start": 208,
+                    "end": 208
                 }
             },
             "group": [
@@ -53378,8 +53428,8 @@
         {
             "description": "Background color of the scheduler tooltip.\n",
             "commentRange": {
-                "start": 213,
-                "end": 214
+                "start": 209,
+                "end": 210
             },
             "context": {
                 "type": "variable",
@@ -53387,8 +53437,8 @@
                 "value": "$kendo-color-white",
                 "scope": "default",
                 "line": {
-                    "start": 215,
-                    "end": 215
+                    "start": 211,
+                    "end": 211
                 }
             },
             "group": [
@@ -53403,8 +53453,8 @@
         {
             "description": "Text color of the scheduler tooltip.\n",
             "commentRange": {
-                "start": 216,
-                "end": 217
+                "start": 212,
+                "end": 213
             },
             "context": {
                 "type": "variable",
@@ -53412,8 +53462,8 @@
                 "value": "k-get-theme-color-var( neutral-130 )",
                 "scope": "default",
                 "line": {
-                    "start": 218,
-                    "end": 218
+                    "start": 214,
+                    "end": 214
                 }
             },
             "group": [
@@ -53428,8 +53478,8 @@
         {
             "description": "Border color of the scheduler tooltip.\n",
             "commentRange": {
-                "start": 219,
-                "end": 220
+                "start": 215,
+                "end": 216
             },
             "context": {
                 "type": "variable",
@@ -53437,8 +53487,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 221,
-                    "end": 221
+                    "start": 217,
+                    "end": 217
                 }
             },
             "group": [
@@ -53453,17 +53503,17 @@
         {
             "description": "Shadow of the scheduler tooltip.\n",
             "commentRange": {
-                "start": 222,
-                "end": 223
+                "start": 218,
+                "end": 219
             },
             "context": {
                 "type": "variable",
                 "name": "kendo-scheduler-tooltip-shadow",
-                "value": "0px 0px 10px rgba(0, 0, 0, .2 )",
+                "value": "k-elevation(5)",
                 "scope": "default",
                 "line": {
-                    "start": 224,
-                    "end": 224
+                    "start": 220,
+                    "end": 220
                 }
             },
             "group": [
@@ -53478,8 +53528,8 @@
         {
             "description": "Vertical spacing of the scheduler tooltip title.\n",
             "commentRange": {
-                "start": 226,
-                "end": 227
+                "start": 222,
+                "end": 223
             },
             "context": {
                 "type": "variable",
@@ -53487,8 +53537,8 @@
                 "value": "map.get( $kendo-spacing, 3 )",
                 "scope": "default",
                 "line": {
-                    "start": 228,
-                    "end": 228
+                    "start": 224,
+                    "end": 224
                 }
             },
             "group": [
@@ -53503,8 +53553,8 @@
         {
             "description": "Font size of the month inside the scheduler tooltip.\n",
             "commentRange": {
-                "start": 229,
-                "end": 230
+                "start": 225,
+                "end": 226
             },
             "context": {
                 "type": "variable",
@@ -53512,8 +53562,8 @@
                 "value": "var( --kendo-font-size-sm, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 231,
-                    "end": 231
+                    "start": 227,
+                    "end": 227
                 }
             },
             "group": [
@@ -53528,8 +53578,8 @@
         {
             "description": "Font size of the day inside the scheduler tooltip.\n",
             "commentRange": {
-                "start": 232,
-                "end": 233
+                "start": 228,
+                "end": 229
             },
             "context": {
                 "type": "variable",
@@ -53537,8 +53587,8 @@
                 "value": "calc( $kendo-scheduler-tooltip-month-font-size * 2 )",
                 "scope": "default",
                 "line": {
-                    "start": 234,
-                    "end": 234
+                    "start": 230,
+                    "end": 230
                 }
             },
             "group": [
@@ -53553,8 +53603,8 @@
         {
             "description": "Max height of the events inside the scheduler tooltip.\n",
             "commentRange": {
-                "start": 236,
-                "end": 237
+                "start": 232,
+                "end": 233
             },
             "context": {
                 "type": "variable",
@@ -53562,8 +53612,8 @@
                 "value": "250px",
                 "scope": "default",
                 "line": {
-                    "start": 238,
-                    "end": 238
+                    "start": 234,
+                    "end": 234
                 }
             },
             "group": [
@@ -53578,8 +53628,8 @@
         {
             "description": "Spacing between the events inside the scheduler tooltip.\n",
             "commentRange": {
-                "start": 239,
-                "end": 240
+                "start": 235,
+                "end": 236
             },
             "context": {
                 "type": "variable",
@@ -53587,8 +53637,8 @@
                 "value": "map.get( $kendo-spacing, 2 )",
                 "scope": "default",
                 "line": {
-                    "start": 241,
-                    "end": 241
+                    "start": 237,
+                    "end": 237
                 }
             },
             "group": [
@@ -53603,8 +53653,8 @@
         {
             "description": "Horizontal padding of the events inside the scheduler tooltip.\n",
             "commentRange": {
-                "start": 243,
-                "end": 244
+                "start": 239,
+                "end": 240
             },
             "context": {
                 "type": "variable",
@@ -53612,8 +53662,8 @@
                 "value": "$kendo-scheduler-event-padding-x",
                 "scope": "default",
                 "line": {
-                    "start": 245,
-                    "end": 245
+                    "start": 241,
+                    "end": 241
                 }
             },
             "group": [
@@ -53628,8 +53678,8 @@
         {
             "description": "Vertical padding of the events inside the scheduler tooltip.\n",
             "commentRange": {
-                "start": 246,
-                "end": 247
+                "start": 242,
+                "end": 243
             },
             "context": {
                 "type": "variable",
@@ -53637,8 +53687,8 @@
                 "value": "$kendo-scheduler-event-padding-y",
                 "scope": "default",
                 "line": {
-                    "start": 248,
-                    "end": 248
+                    "start": 244,
+                    "end": 244
                 }
             },
             "group": [
@@ -53653,8 +53703,8 @@
         {
             "description": "Border radius of the events inside the scheduler tooltip.\n",
             "commentRange": {
-                "start": 249,
-                "end": 250
+                "start": 245,
+                "end": 246
             },
             "context": {
                 "type": "variable",
@@ -53662,8 +53712,8 @@
                 "value": "$kendo-scheduler-event-border-radius",
                 "scope": "default",
                 "line": {
-                    "start": 251,
-                    "end": 251
+                    "start": 247,
+                    "end": 247
                 }
             },
             "group": [
@@ -53678,8 +53728,8 @@
         {
             "description": "Spacing between the events items inside the scheduler tooltip.\n",
             "commentRange": {
-                "start": 252,
-                "end": 253
+                "start": 248,
+                "end": 249
             },
             "context": {
                 "type": "variable",
@@ -53687,8 +53737,8 @@
                 "value": "map.get( $kendo-spacing, 0.5 )",
                 "scope": "default",
                 "line": {
-                    "start": 254,
-                    "end": 254
+                    "start": 250,
+                    "end": 250
                 }
             },
             "group": [
@@ -53703,8 +53753,8 @@
         {
             "description": "Color of the scheduler tooltip callout.\n",
             "commentRange": {
-                "start": 256,
-                "end": 257
+                "start": 252,
+                "end": 253
             },
             "context": {
                 "type": "variable",
@@ -53712,8 +53762,8 @@
                 "value": "$kendo-scheduler-tooltip-bg",
                 "scope": "default",
                 "line": {
-                    "start": 258,
-                    "end": 258
+                    "start": 254,
+                    "end": 254
                 }
             },
             "group": [
@@ -53728,8 +53778,8 @@
         {
             "description": "Width of the scheduler resize handle.\n",
             "commentRange": {
-                "start": 260,
-                "end": 261
+                "start": 256,
+                "end": 257
             },
             "context": {
                 "type": "variable",
@@ -53737,8 +53787,8 @@
                 "value": "2em",
                 "scope": "default",
                 "line": {
-                    "start": 262,
-                    "end": 262
+                    "start": 258,
+                    "end": 258
                 }
             },
             "group": [
@@ -53753,8 +53803,8 @@
         {
             "description": "Height of the scheduler more events button.\n",
             "commentRange": {
-                "start": 264,
-                "end": 265
+                "start": 260,
+                "end": 261
             },
             "context": {
                 "type": "variable",
@@ -53762,8 +53812,8 @@
                 "value": "13px",
                 "scope": "default",
                 "line": {
-                    "start": 266,
-                    "end": 266
+                    "start": 262,
+                    "end": 262
                 }
             },
             "group": [
@@ -53778,8 +53828,8 @@
         {
             "description": "Color of the scheduler marquee.\n",
             "commentRange": {
-                "start": 268,
-                "end": 269
+                "start": 264,
+                "end": 265
             },
             "context": {
                 "type": "variable",
@@ -53787,8 +53837,8 @@
                 "value": "k-get-theme-color-var( primary-100 )",
                 "scope": "default",
                 "line": {
-                    "start": 270,
-                    "end": 270
+                    "start": 266,
+                    "end": 266
                 }
             },
             "group": [
@@ -65734,7 +65784,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-taskboard-card-selected-shadow",
-                "value": "var( --kendo-box-shadow-depth-4, none )",
+                "value": "var( --kendo-box-shadow-depth-3, none )",
                 "scope": "default",
                 "line": {
                     "start": 188,
@@ -67584,7 +67634,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-timeline-flag-box-shadow",
-                "value": "var( --kendo-box-shadow-depth-1, none )",
+                "value": "var( --kendo-box-shadow-depth-2, none )",
                 "scope": "default",
                 "line": {
                     "start": 101,
@@ -69284,7 +69334,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-tooltip-shadow",
-                "value": "var( --kendo-box-shadow-depth-3, none )",
+                "value": "var( --kendo-box-shadow-depth-2, none )",
                 "scope": "default",
                 "line": {
                     "start": 51,
@@ -70925,6 +70975,240 @@
                 "name": "_variables.scss"
             }
         },
+        {
+            "description": "Shadow for cards and grid item thumbnails.\nEquivalent to fluent depth 4.\n",
+            "commentRange": {
+                "start": 4,
+                "end": 6
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-box-shadow-depth-1",
+                "value": "var( --kendo-elevation-1, none )",
+                "scope": "default",
+                "line": {
+                    "start": 7,
+                    "end": 7
+                }
+            },
+            "deprecated": "Use the `$kendo-elevation` map instead.",
+            "access": "public",
+            "group": [
+                "undefined"
+            ],
+            "file": {
+                "path": "core/elevation/_legacy.scss",
+                "name": "_legacy.scss"
+            }
+        },
+        {
+            "description": "Shadow for color gradient drag handle.\nEquivalent to fluent depth 8.\n",
+            "commentRange": {
+                "start": 8,
+                "end": 10
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-box-shadow-depth-2",
+                "value": "var( --kendo-elevation-2, none )",
+                "scope": "default",
+                "line": {
+                    "start": 11,
+                    "end": 11
+                }
+            },
+            "deprecated": "Use the `$kendo-elevation` map instead.",
+            "access": "public",
+            "group": [
+                "undefined"
+            ],
+            "file": {
+                "path": "core/elevation/_legacy.scss",
+                "name": "_legacy.scss"
+            }
+        },
+        {
+            "description": "Shadow for focus card.\n",
+            "commentRange": {
+                "start": 12,
+                "end": 13
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-box-shadow-depth-3",
+                "value": "var( --kendo-elevation-3, none )",
+                "scope": "default",
+                "line": {
+                    "start": 14,
+                    "end": 14
+                }
+            },
+            "deprecated": "Use the `$kendo-elevation` map instead.",
+            "access": "public",
+            "group": [
+                "undefined"
+            ],
+            "file": {
+                "path": "core/elevation/_legacy.scss",
+                "name": "_legacy.scss"
+            }
+        },
+        {
+            "description": "Shadow for panels.\nEquivalent to fluent depth 16.\n",
+            "commentRange": {
+                "start": 15,
+                "end": 17
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-box-shadow-depth-4",
+                "value": "var( --kendo-elevation-4, none )",
+                "scope": "default",
+                "line": {
+                    "start": 18,
+                    "end": 18
+                }
+            },
+            "deprecated": "Use the `$kendo-elevation` map instead.",
+            "access": "public",
+            "group": [
+                "undefined"
+            ],
+            "file": {
+                "path": "core/elevation/_legacy.scss",
+                "name": "_legacy.scss"
+            }
+        },
+        {
+            "description": "Shadow for floating action button.\n",
+            "commentRange": {
+                "start": 19,
+                "end": 20
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-box-shadow-depth-5",
+                "value": "var( --kendo-elevation-5, none )",
+                "scope": "default",
+                "line": {
+                    "start": 21,
+                    "end": 21
+                }
+            },
+            "deprecated": "Use the `$kendo-elevation` map instead.",
+            "access": "public",
+            "group": [
+                "undefined"
+            ],
+            "file": {
+                "path": "core/elevation/_legacy.scss",
+                "name": "_legacy.scss"
+            }
+        },
+        {
+            "description": "Shadow for pop up.\n",
+            "commentRange": {
+                "start": 22,
+                "end": 23
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-box-shadow-depth-6",
+                "value": "var( --kendo-elevation-6, none )",
+                "scope": "default",
+                "line": {
+                    "start": 24,
+                    "end": 24
+                }
+            },
+            "deprecated": "Use the `$kendo-elevation` map instead.",
+            "access": "public",
+            "group": [
+                "undefined"
+            ],
+            "file": {
+                "path": "core/elevation/_legacy.scss",
+                "name": "_legacy.scss"
+            }
+        },
+        {
+            "description": "Shadow for action sheet.\n",
+            "commentRange": {
+                "start": 25,
+                "end": 26
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-box-shadow-depth-7",
+                "value": "var( --kendo-elevation-7, none )",
+                "scope": "default",
+                "line": {
+                    "start": 27,
+                    "end": 27
+                }
+            },
+            "deprecated": "Use the `$kendo-elevation` map instead.",
+            "access": "public",
+            "group": [
+                "undefined"
+            ],
+            "file": {
+                "path": "core/elevation/_legacy.scss",
+                "name": "_legacy.scss"
+            }
+        },
+        {
+            "description": "Shadow for dialogs and window.\nEquivalent to fluent depth 64.\n",
+            "commentRange": {
+                "start": 28,
+                "end": 30
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-box-shadow-depth-8",
+                "value": "var( --kendo-elevation-8, none )",
+                "scope": "default",
+                "line": {
+                    "start": 31,
+                    "end": 31
+                }
+            },
+            "deprecated": "Use the `$kendo-elevation` map instead.",
+            "access": "public",
+            "group": [
+                "undefined"
+            ],
+            "file": {
+                "path": "core/elevation/_legacy.scss",
+                "name": "_legacy.scss"
+            }
+        },
+        {
+            "description": "Shadow for focus window.\n",
+            "commentRange": {
+                "start": 32,
+                "end": 33
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-box-shadow-depth-9",
+                "value": "var( --kendo-elevation-8, none )",
+                "scope": "default",
+                "line": {
+                    "start": 34,
+                    "end": 34
+                }
+            },
+            "deprecated": "Use the `$kendo-elevation` map instead.",
+            "access": "public",
+            "group": [
+                "undefined"
+            ],
+            "file": {
+                "path": "core/elevation/_legacy.scss",
+                "name": "_legacy.scss"
+            }
+        },
         {
             "description": "The theme variations for the Dialog.\n",
             "commentRange": {
@@ -72359,7 +72643,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-window-shadow",
-                "value": "var( --kendo-box-shadow-depth-4, none )",
+                "value": "var( --kendo-box-shadow-depth-8, none )",
                 "scope": "default",
                 "line": {
                     "start": 84,
@@ -72384,7 +72668,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-window-focus-shadow",
-                "value": "var( --kendo-box-shadow-depth-4, none )",
+                "value": "var( --kendo-box-shadow-depth-9, none )",
                 "scope": "default",
                 "line": {
                     "start": 87,
@@ -73208,6 +73492,240 @@
                         "name": "_variables.scss"
                     }
                 },
+                {
+                    "description": "Shadow for cards and grid item thumbnails.\nEquivalent to fluent depth 4.\n",
+                    "commentRange": {
+                        "start": 4,
+                        "end": 6
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-box-shadow-depth-1",
+                        "value": "var( --kendo-elevation-1, none )",
+                        "scope": "default",
+                        "line": {
+                            "start": 7,
+                            "end": 7
+                        }
+                    },
+                    "deprecated": "Use the `$kendo-elevation` map instead.",
+                    "access": "public",
+                    "group": [
+                        "undefined"
+                    ],
+                    "file": {
+                        "path": "core/elevation/_legacy.scss",
+                        "name": "_legacy.scss"
+                    }
+                },
+                {
+                    "description": "Shadow for color gradient drag handle.\nEquivalent to fluent depth 8.\n",
+                    "commentRange": {
+                        "start": 8,
+                        "end": 10
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-box-shadow-depth-2",
+                        "value": "var( --kendo-elevation-2, none )",
+                        "scope": "default",
+                        "line": {
+                            "start": 11,
+                            "end": 11
+                        }
+                    },
+                    "deprecated": "Use the `$kendo-elevation` map instead.",
+                    "access": "public",
+                    "group": [
+                        "undefined"
+                    ],
+                    "file": {
+                        "path": "core/elevation/_legacy.scss",
+                        "name": "_legacy.scss"
+                    }
+                },
+                {
+                    "description": "Shadow for focus card.\n",
+                    "commentRange": {
+                        "start": 12,
+                        "end": 13
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-box-shadow-depth-3",
+                        "value": "var( --kendo-elevation-3, none )",
+                        "scope": "default",
+                        "line": {
+                            "start": 14,
+                            "end": 14
+                        }
+                    },
+                    "deprecated": "Use the `$kendo-elevation` map instead.",
+                    "access": "public",
+                    "group": [
+                        "undefined"
+                    ],
+                    "file": {
+                        "path": "core/elevation/_legacy.scss",
+                        "name": "_legacy.scss"
+                    }
+                },
+                {
+                    "description": "Shadow for panels.\nEquivalent to fluent depth 16.\n",
+                    "commentRange": {
+                        "start": 15,
+                        "end": 17
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-box-shadow-depth-4",
+                        "value": "var( --kendo-elevation-4, none )",
+                        "scope": "default",
+                        "line": {
+                            "start": 18,
+                            "end": 18
+                        }
+                    },
+                    "deprecated": "Use the `$kendo-elevation` map instead.",
+                    "access": "public",
+                    "group": [
+                        "undefined"
+                    ],
+                    "file": {
+                        "path": "core/elevation/_legacy.scss",
+                        "name": "_legacy.scss"
+                    }
+                },
+                {
+                    "description": "Shadow for floating action button.\n",
+                    "commentRange": {
+                        "start": 19,
+                        "end": 20
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-box-shadow-depth-5",
+                        "value": "var( --kendo-elevation-5, none )",
+                        "scope": "default",
+                        "line": {
+                            "start": 21,
+                            "end": 21
+                        }
+                    },
+                    "deprecated": "Use the `$kendo-elevation` map instead.",
+                    "access": "public",
+                    "group": [
+                        "undefined"
+                    ],
+                    "file": {
+                        "path": "core/elevation/_legacy.scss",
+                        "name": "_legacy.scss"
+                    }
+                },
+                {
+                    "description": "Shadow for pop up.\n",
+                    "commentRange": {
+                        "start": 22,
+                        "end": 23
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-box-shadow-depth-6",
+                        "value": "var( --kendo-elevation-6, none )",
+                        "scope": "default",
+                        "line": {
+                            "start": 24,
+                            "end": 24
+                        }
+                    },
+                    "deprecated": "Use the `$kendo-elevation` map instead.",
+                    "access": "public",
+                    "group": [
+                        "undefined"
+                    ],
+                    "file": {
+                        "path": "core/elevation/_legacy.scss",
+                        "name": "_legacy.scss"
+                    }
+                },
+                {
+                    "description": "Shadow for action sheet.\n",
+                    "commentRange": {
+                        "start": 25,
+                        "end": 26
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-box-shadow-depth-7",
+                        "value": "var( --kendo-elevation-7, none )",
+                        "scope": "default",
+                        "line": {
+                            "start": 27,
+                            "end": 27
+                        }
+                    },
+                    "deprecated": "Use the `$kendo-elevation` map instead.",
+                    "access": "public",
+                    "group": [
+                        "undefined"
+                    ],
+                    "file": {
+                        "path": "core/elevation/_legacy.scss",
+                        "name": "_legacy.scss"
+                    }
+                },
+                {
+                    "description": "Shadow for dialogs and window.\nEquivalent to fluent depth 64.\n",
+                    "commentRange": {
+                        "start": 28,
+                        "end": 30
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-box-shadow-depth-8",
+                        "value": "var( --kendo-elevation-8, none )",
+                        "scope": "default",
+                        "line": {
+                            "start": 31,
+                            "end": 31
+                        }
+                    },
+                    "deprecated": "Use the `$kendo-elevation` map instead.",
+                    "access": "public",
+                    "group": [
+                        "undefined"
+                    ],
+                    "file": {
+                        "path": "core/elevation/_legacy.scss",
+                        "name": "_legacy.scss"
+                    }
+                },
+                {
+                    "description": "Shadow for focus window.\n",
+                    "commentRange": {
+                        "start": 32,
+                        "end": 33
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-box-shadow-depth-9",
+                        "value": "var( --kendo-elevation-8, none )",
+                        "scope": "default",
+                        "line": {
+                            "start": 34,
+                            "end": 34
+                        }
+                    },
+                    "deprecated": "Use the `$kendo-elevation` map instead.",
+                    "access": "public",
+                    "group": [
+                        "undefined"
+                    ],
+                    "file": {
+                        "path": "core/elevation/_legacy.scss",
+                        "name": "_legacy.scss"
+                    }
+                },
                 {
                     "description": "The theme variations for the Dialog.\n",
                     "commentRange": {
@@ -73829,7 +74347,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-actionsheet-shadow",
-                        "value": "var( --kendo-box-shadow-depth-4, none )",
+                        "value": "var( --kendo-box-shadow-depth-7, none )",
                         "scope": "default",
                         "line": {
                             "start": 51,
@@ -76603,7 +77121,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-bottom-nav-shadow",
-                        "value": "var( --kendo-box-shadow-depth-1, none )",
+                        "value": "var( --kendo-box-shadow-depth-4, none )",
                         "scope": "default",
                         "line": {
                             "start": 63,
@@ -83895,7 +84413,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-treemap-font-size",
-                        "value": "var( -kendo-font-size, inherit )",
+                        "value": "var( --kendo-font-size, inherit )",
                         "scope": "default",
                         "line": {
                             "start": 221,
@@ -85351,7 +85869,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-chat-bubble-hover-shadow",
-                        "value": "var( --kendo-box-shadow-depth-3, none )",
+                        "value": "var( --kendo-box-shadow-depth-2, none )",
                         "scope": "default",
                         "line": {
                             "start": 171,
@@ -85501,7 +86019,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-chat-alt-bubble-hover-shadow",
-                        "value": "var( --kendo-box-shadow-depth-1, none )",
+                        "value": "var( --kendo-box-shadow-depth-2, none )",
                         "scope": "default",
                         "line": {
                             "start": 190,
@@ -85526,7 +86044,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-chat-alt-bubble-selected-shadow",
-                        "value": "var( --kendo-box-shadow-depth-1, none )",
+                        "value": "var( --kendo-box-shadow-depth-3, none )",
                         "scope": "default",
                         "line": {
                             "start": 193,
@@ -87794,7 +88312,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-color-gradient-border-width",
-                        "value": "1px",
+                        "value": "2px",
                         "scope": "default",
                         "line": {
                             "start": 14,
@@ -88269,7 +88787,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-color-gradient-canvas-draghandle-shadow",
-                        "value": "0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13), inset 0px 0px 0px 3px #FFFFFF",
+                        "value": "var( --kendo-box-shadow-depth-2, none )",
                         "scope": "default",
                         "line": {
                             "start": 74,
@@ -88519,7 +89037,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-color-gradient-draghandle-border-width",
-                        "value": "1px",
+                        "value": "2px",
                         "scope": "default",
                         "line": {
                             "start": 107,
@@ -88536,15 +89054,15 @@
                     }
                 },
                 {
-                    "description": "The color of the border around the ColorGradient canvas drag handle.\n",
+                    "description": "The width of the outline around the ColorGradient canvas drag handle.\n",
                     "commentRange": {
                         "start": 108,
                         "end": 109
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-color-gradient-draghandle-border",
-                        "value": "k-get-theme-color-var( neutral-110 )",
+                        "name": "kendo-color-gradient-draghandle-outline-width",
+                        "value": "1px",
                         "scope": "default",
                         "line": {
                             "start": 110,
@@ -88561,15 +89079,15 @@
                     }
                 },
                 {
-                    "description": "The box shadow of the ColorGradient canvas drag handle.\n",
+                    "description": "The color of the border around the ColorGradient canvas drag handle.\n",
                     "commentRange": {
                         "start": 111,
                         "end": 112
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-color-gradient-draghandle-shadow",
-                        "value": "var( --kendo-box-shadow-depth-2, none )",
+                        "name": "kendo-color-gradient-draghandle-border",
+                        "value": "$kendo-color-white",
                         "scope": "default",
                         "line": {
                             "start": 113,
@@ -88586,15 +89104,15 @@
                     }
                 },
                 {
-                    "description": "The color of the border around the focused ColorGradient canvas drag handle.\n",
+                    "description": "The color of the outline around the ColorGradient canvas drag handle.\n",
                     "commentRange": {
                         "start": 114,
                         "end": 115
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-color-gradient-draghandle-focus-border",
-                        "value": "k-get-theme-color-var( neutral-160 )",
+                        "name": "kendo-color-gradient-draghandle-shadow",
+                        "value": "k-get-theme-color-var( neutral-110 )",
                         "scope": "default",
                         "line": {
                             "start": 116,
@@ -88611,15 +89129,15 @@
                     }
                 },
                 {
-                    "description": "The box shadow of the focused ColorGradient canvas drag handle.\n",
+                    "description": "The box shadow of the ColorGradient canvas drag handle.\n",
                     "commentRange": {
                         "start": 117,
                         "end": 118
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-color-gradient-draghandle-focus-shadow",
-                        "value": "$kendo-color-gradient-draghandle-shadow",
+                        "name": "kendo-color-gradient-draghandle-shadow",
+                        "value": "var( --kendo-box-shadow-depth-2, none )",
                         "scope": "default",
                         "line": {
                             "start": 119,
@@ -88636,15 +89154,15 @@
                     }
                 },
                 {
-                    "description": "The box shadow of the hovered ColorGradient canvas drag handle.\n",
+                    "description": "The color of the border around the focused ColorGradient canvas drag handle.\n",
                     "commentRange": {
                         "start": 120,
                         "end": 121
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-color-gradient-draghandle-hover-shadow",
-                        "value": "$kendo-color-gradient-draghandle-focus-shadow",
+                        "name": "kendo-color-gradient-draghandle-focus-border",
+                        "value": "$kendo-color-white",
                         "scope": "default",
                         "line": {
                             "start": 122,
@@ -88660,11 +89178,61 @@
                         "name": "_variables.scss"
                     }
                 },
+                {
+                    "description": "The focus color of the outline around the ColorGradient canvas drag handle.\n",
+                    "commentRange": {
+                        "start": 123,
+                        "end": 124
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-color-gradient-draghandle-focus-shadow",
+                        "value": "k-get-theme-color-var( neutral-130 )",
+                        "scope": "default",
+                        "line": {
+                            "start": 125,
+                            "end": 125
+                        }
+                    },
+                    "group": [
+                        "cologradient"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "colorgradient/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                },
+                {
+                    "description": "The hover color of the outline around the ColorGradient canvas drag handle.\n",
+                    "commentRange": {
+                        "start": 126,
+                        "end": 127
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-color-gradient-draghandle-hover-shadow",
+                        "value": "k-get-theme-color-var( neutral-130 )",
+                        "scope": "default",
+                        "line": {
+                            "start": 128,
+                            "end": 128
+                        }
+                    },
+                    "group": [
+                        "cologradient"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "colorgradient/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                },
                 {
                     "description": "The vertical offset of the ColorGradient canvas drag handle.\n",
                     "commentRange": {
-                        "start": 124,
-                        "end": 125
+                        "start": 130,
+                        "end": 131
                     },
                     "context": {
                         "type": "variable",
@@ -88672,8 +89240,8 @@
                         "value": "( -1 * math.div( $kendo-color-gradient-draghandle-height, 2 ) )",
                         "scope": "default",
                         "line": {
-                            "start": 126,
-                            "end": 126
+                            "start": 132,
+                            "end": 132
                         }
                     },
                     "group": [
@@ -88688,8 +89256,8 @@
                 {
                     "description": "The horizontal offset of the ColorGradient canvas drag handle.\n",
                     "commentRange": {
-                        "start": 127,
-                        "end": 128
+                        "start": 133,
+                        "end": 134
                     },
                     "context": {
                         "type": "variable",
@@ -88697,8 +89265,8 @@
                         "value": "( -1 * math.div( $kendo-color-gradient-draghandle-width, 2 ) )",
                         "scope": "default",
                         "line": {
-                            "start": 129,
-                            "end": 129
+                            "start": 135,
+                            "end": 135
                         }
                     },
                     "group": [
@@ -88713,8 +89281,8 @@
                 {
                     "description": "The width of the ColorGradient input.\n",
                     "commentRange": {
-                        "start": 131,
-                        "end": 132
+                        "start": 137,
+                        "end": 138
                     },
                     "context": {
                         "type": "variable",
@@ -88722,8 +89290,8 @@
                         "value": "48px",
                         "scope": "default",
                         "line": {
-                            "start": 133,
-                            "end": 133
+                            "start": 139,
+                            "end": 139
                         }
                     },
                     "group": [
@@ -88738,8 +89306,8 @@
                 {
                     "description": "The spacing between the ColorGradient inputs.\n",
                     "commentRange": {
-                        "start": 134,
-                        "end": 135
+                        "start": 140,
+                        "end": 141
                     },
                     "context": {
                         "type": "variable",
@@ -88747,8 +89315,8 @@
                         "value": "math.div( $kendo-color-gradient-spacer, 4 )",
                         "scope": "default",
                         "line": {
-                            "start": 136,
-                            "end": 136
+                            "start": 142,
+                            "end": 142
                         }
                     },
                     "group": [
@@ -88763,8 +89331,8 @@
                 {
                     "description": "The font size of the ColorGradient input labels.\n",
                     "commentRange": {
-                        "start": 137,
-                        "end": 138
+                        "start": 143,
+                        "end": 144
                     },
                     "context": {
                         "type": "variable",
@@ -88772,8 +89340,8 @@
                         "value": "var( --kendo-font-size-sm, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 139,
-                            "end": 139
+                            "start": 145,
+                            "end": 145
                         }
                     },
                     "group": [
@@ -88788,8 +89356,8 @@
                 {
                     "description": "The spacing between the ColorGradient inputs and their labels.\n",
                     "commentRange": {
-                        "start": 140,
-                        "end": 141
+                        "start": 146,
+                        "end": 147
                     },
                     "context": {
                         "type": "variable",
@@ -88797,8 +89365,8 @@
                         "value": "math.div( $kendo-color-gradient-spacer, 4 )",
                         "scope": "default",
                         "line": {
-                            "start": 142,
-                            "end": 142
+                            "start": 148,
+                            "end": 148
                         }
                     },
                     "group": [
@@ -88813,8 +89381,8 @@
                 {
                     "description": "The text color of the ColorGradient input labels.\n",
                     "commentRange": {
-                        "start": 143,
-                        "end": 144
+                        "start": 149,
+                        "end": 150
                     },
                     "context": {
                         "type": "variable",
@@ -88822,8 +89390,8 @@
                         "value": "var( --kendo-subtle-text, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 145,
-                            "end": 145
+                            "start": 151,
+                            "end": 151
                         }
                     },
                     "group": [
@@ -88838,8 +89406,8 @@
                 {
                     "description": "The font weight of the ColorGradient contrast ratio text.\n",
                     "commentRange": {
-                        "start": 147,
-                        "end": 148
+                        "start": 153,
+                        "end": 154
                     },
                     "context": {
                         "type": "variable",
@@ -88847,8 +89415,8 @@
                         "value": "var( --kendo-font-weight-bold, normal )",
                         "scope": "default",
                         "line": {
-                            "start": 149,
-                            "end": 149
+                            "start": 155,
+                            "end": 155
                         }
                     },
                     "group": [
@@ -88863,8 +89431,8 @@
                 {
                     "description": "The spacing between the items in the ColorGradient contrast tool.\n",
                     "commentRange": {
-                        "start": 150,
-                        "end": 151
+                        "start": 156,
+                        "end": 157
                     },
                     "context": {
                         "type": "variable",
@@ -88872,8 +89440,8 @@
                         "value": "math.div( $kendo-color-gradient-spacer, 1.5 )",
                         "scope": "default",
                         "line": {
-                            "start": 152,
-                            "end": 152
+                            "start": 158,
+                            "end": 158
                         }
                     },
                     "group": [
@@ -90543,7 +91111,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-dialog-shadow",
-                        "value": "var( --kendo-box-shadow-depth-4, none )",
+                        "value": "var( --kendo-box-shadow-depth-8, none )",
                         "scope": "default",
                         "line": {
                             "start": 53,
@@ -94322,6 +94890,37 @@
                 }
             ]
         },
+        {
+            "id": "elevation",
+            "title": "Elevation",
+            "variables": [
+                {
+                    "description": "Global Elevation.\n",
+                    "commentRange": {
+                        "start": 42,
+                        "end": 43
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-elevation",
+                        "value": "$_default-elevation",
+                        "scope": "default",
+                        "line": {
+                            "start": 44,
+                            "end": 44
+                        }
+                    },
+                    "group": [
+                        "elevation"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/elevation/_index.scss",
+                        "name": "_index.scss"
+                    }
+                }
+            ]
+        },
         {
             "id": "expander",
             "title": "Expander",
@@ -104333,7 +104932,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-grid-column-menu-shadow",
-                        "value": "var( --kendo-box-shadow-depth-1, none )",
+                        "value": "var( --kendo-box-shadow-depth-6, none )",
                         "scope": "default",
                         "line": {
                             "start": 457,
@@ -114749,7 +115348,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-menu-popup-shadow",
-                        "value": "var( --kendo-box-shadow-depth-2, none )",
+                        "value": "var( --kendo-box-shadow-depth-6, none )",
                         "scope": "default",
                         "line": {
                             "start": 128,
@@ -120141,7 +120740,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-pdf-viewer-page-shadow",
-                        "value": "var( --kendo-box-shadow-depth-1, none )",
+                        "value": "var( --kendo-box-shadow-depth-3, none )",
                         "scope": "default",
                         "line": {
                             "start": 52,
@@ -122478,7 +123077,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-popover-shadow",
-                        "value": "var( --kendo-box-shadow-depth-3, none )",
+                        "value": "var( --kendo-box-shadow-depth-6, none )",
                         "scope": "default",
                         "line": {
                             "start": 36,
@@ -123209,7 +123808,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-popup-shadow",
-                        "value": "var( --kendo-box-shadow-depth-3, none )",
+                        "value": "var( --kendo-box-shadow-depth-4, none )",
                         "scope": "default",
                         "line": {
                             "start": 42,
@@ -126575,44 +127174,19 @@
                     }
                 },
                 {
-                    "description": "Color of the current time marker in the scheduler.\n",
+                    "description": "Background color of the non-working hours in the scheduler.\n",
                     "commentRange": {
                         "start": 149,
                         "end": 150
                     },
-                    "context": {
-                        "type": "variable",
-                        "name": "kendo-scheduler-current-time-color",
-                        "value": "#ff0000",
-                        "scope": "default",
-                        "line": {
-                            "start": 151,
-                            "end": 151
-                        }
-                    },
-                    "group": [
-                        "scheduler"
-                    ],
-                    "access": "public",
-                    "file": {
-                        "path": "scheduler/_variables.scss",
-                        "name": "_variables.scss"
-                    }
-                },
-                {
-                    "description": "Background color of the non-working hours in the scheduler.\n",
-                    "commentRange": {
-                        "start": 153,
-                        "end": 154
-                    },
                     "context": {
                         "type": "variable",
                         "name": "kendo-scheduler-nonwork-bg",
                         "value": "k-get-theme-color-var( neutral-10 )",
                         "scope": "default",
                         "line": {
-                            "start": 155,
-                            "end": 155
+                            "start": 151,
+                            "end": 151
                         }
                     },
                     "group": [
@@ -126627,8 +127201,8 @@
                 {
                     "description": "Text color of the non-working hours in the scheduler.\n",
                     "commentRange": {
-                        "start": 156,
-                        "end": 157
+                        "start": 152,
+                        "end": 153
                     },
                     "context": {
                         "type": "variable",
@@ -126636,8 +127210,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 158,
-                            "end": 158
+                            "start": 154,
+                            "end": 154
                         }
                     },
                     "group": [
@@ -126652,8 +127226,8 @@
                 {
                     "description": "Background color of the weekends in the scheduler.\n",
                     "commentRange": {
-                        "start": 160,
-                        "end": 161
+                        "start": 156,
+                        "end": 157
                     },
                     "context": {
                         "type": "variable",
@@ -126661,8 +127235,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 162,
-                            "end": 162
+                            "start": 158,
+                            "end": 158
                         }
                     },
                     "group": [
@@ -126677,8 +127251,8 @@
                 {
                     "description": "Text color of the weekends in the scheduler.\n",
                     "commentRange": {
-                        "start": 163,
-                        "end": 164
+                        "start": 159,
+                        "end": 160
                     },
                     "context": {
                         "type": "variable",
@@ -126686,8 +127260,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 165,
-                            "end": 165
+                            "start": 161,
+                            "end": 161
                         }
                     },
                     "group": [
@@ -126702,8 +127276,8 @@
                 {
                     "description": "Background color of the other months in the scheduler.\n",
                     "commentRange": {
-                        "start": 167,
-                        "end": 168
+                        "start": 163,
+                        "end": 164
                     },
                     "context": {
                         "type": "variable",
@@ -126711,8 +127285,8 @@
                         "value": "k-get-theme-color-var( neutral-10 )",
                         "scope": "default",
                         "line": {
-                            "start": 169,
-                            "end": 169
+                            "start": 165,
+                            "end": 165
                         }
                     },
                     "group": [
@@ -126727,8 +127301,8 @@
                 {
                     "description": "Text color of the other months in the scheduler.\n",
                     "commentRange": {
-                        "start": 170,
-                        "end": 171
+                        "start": 166,
+                        "end": 167
                     },
                     "context": {
                         "type": "variable",
@@ -126736,8 +127310,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 172,
-                            "end": 172
+                            "start": 168,
+                            "end": 168
                         }
                     },
                     "group": [
@@ -126752,8 +127326,8 @@
                 {
                     "description": "Horizontal padding of the scheduler year view.\n",
                     "commentRange": {
-                        "start": 174,
-                        "end": 175
+                        "start": 170,
+                        "end": 171
                     },
                     "context": {
                         "type": "variable",
@@ -126761,8 +127335,8 @@
                         "value": "map.get( $kendo-spacing, 3 )",
                         "scope": "default",
                         "line": {
-                            "start": 176,
-                            "end": 176
+                            "start": 172,
+                            "end": 172
                         }
                     },
                     "group": [
@@ -126777,8 +127351,8 @@
                 {
                     "description": "Vertical padding of the scheduler year view.\n",
                     "commentRange": {
-                        "start": 177,
-                        "end": 178
+                        "start": 173,
+                        "end": 174
                     },
                     "context": {
                         "type": "variable",
@@ -126786,8 +127360,8 @@
                         "value": "$kendo-scheduler-yearview-padding-x",
                         "scope": "default",
                         "line": {
-                            "start": 179,
-                            "end": 179
+                            "start": 175,
+                            "end": 175
                         }
                     },
                     "group": [
@@ -126802,8 +127376,8 @@
                 {
                     "description": "Spacing between the calendars in the scheduler year view.\n",
                     "commentRange": {
-                        "start": 181,
-                        "end": 182
+                        "start": 177,
+                        "end": 178
                     },
                     "context": {
                         "type": "variable",
@@ -126811,8 +127385,8 @@
                         "value": "map.get( $kendo-spacing, 3 )",
                         "scope": "default",
                         "line": {
-                            "start": 183,
-                            "end": 183
+                            "start": 179,
+                            "end": 179
                         }
                     },
                     "group": [
@@ -126827,8 +127401,8 @@
                 {
                     "description": "Days with events indicator size in the scheduler year view.\n",
                     "commentRange": {
-                        "start": 185,
-                        "end": 186
+                        "start": 181,
+                        "end": 182
                     },
                     "context": {
                         "type": "variable",
@@ -126836,8 +127410,8 @@
                         "value": "3px",
                         "scope": "default",
                         "line": {
-                            "start": 187,
-                            "end": 187
+                            "start": 183,
+                            "end": 183
                         }
                     },
                     "group": [
@@ -126852,8 +127426,8 @@
                 {
                     "description": "Top position of the days with events indicator in the scheduler year view.\n",
                     "commentRange": {
-                        "start": 188,
-                        "end": 189
+                        "start": 184,
+                        "end": 185
                     },
                     "context": {
                         "type": "variable",
@@ -126861,8 +127435,8 @@
                         "value": "calc( #{$kendo-calendar-cell-size} - (#{$kendo-calendar-cell-padding-y} * 2) )",
                         "scope": "default",
                         "line": {
-                            "start": 190,
-                            "end": 190
+                            "start": 186,
+                            "end": 186
                         }
                     },
                     "group": [
@@ -126877,8 +127451,8 @@
                 {
                     "description": "Left position of the days with events indicator in the scheduler year view.\n",
                     "commentRange": {
-                        "start": 191,
-                        "end": 192
+                        "start": 187,
+                        "end": 188
                     },
                     "context": {
                         "type": "variable",
@@ -126886,8 +127460,8 @@
                         "value": "calc( 50% - (#{$kendo-scheduler-yearview-indicator-size} / 2) )",
                         "scope": "default",
                         "line": {
-                            "start": 193,
-                            "end": 193
+                            "start": 189,
+                            "end": 189
                         }
                     },
                     "group": [
@@ -126902,8 +127476,8 @@
                 {
                     "description": "Border radius of the days with events indicator in the scheduler year view.\n",
                     "commentRange": {
-                        "start": 194,
-                        "end": 195
+                        "start": 190,
+                        "end": 191
                     },
                     "context": {
                         "type": "variable",
@@ -126911,8 +127485,8 @@
                         "value": "50%",
                         "scope": "default",
                         "line": {
-                            "start": 196,
-                            "end": 196
+                            "start": 192,
+                            "end": 192
                         }
                     },
                     "group": [
@@ -126927,8 +127501,8 @@
                 {
                     "description": "Background color of the days with events indicator in the scheduler year view.\n",
                     "commentRange": {
-                        "start": 197,
-                        "end": 198
+                        "start": 193,
+                        "end": 194
                     },
                     "context": {
                         "type": "variable",
@@ -126936,8 +127510,8 @@
                         "value": "k-get-theme-color-var( primary-100 )",
                         "scope": "default",
                         "line": {
-                            "start": 199,
-                            "end": 199
+                            "start": 195,
+                            "end": 195
                         }
                     },
                     "group": [
@@ -126952,8 +127526,8 @@
                 {
                     "description": "Background color of the selected days with events indicator in the scheduler year view.\n",
                     "commentRange": {
-                        "start": 200,
-                        "end": 201
+                        "start": 196,
+                        "end": 197
                     },
                     "context": {
                         "type": "variable",
@@ -126961,8 +127535,8 @@
                         "value": "$kendo-color-white",
                         "scope": "default",
                         "line": {
-                            "start": 202,
-                            "end": 202
+                            "start": 198,
+                            "end": 198
                         }
                     },
                     "group": [
@@ -126977,8 +127551,8 @@
                 {
                     "description": "Horizontal padding of the scheduler tooltip.\n",
                     "commentRange": {
-                        "start": 204,
-                        "end": 205
+                        "start": 200,
+                        "end": 201
                     },
                     "context": {
                         "type": "variable",
@@ -126986,8 +127560,8 @@
                         "value": "map.get( $kendo-spacing, 2 )",
                         "scope": "default",
                         "line": {
-                            "start": 206,
-                            "end": 206
+                            "start": 202,
+                            "end": 202
                         }
                     },
                     "group": [
@@ -127002,8 +127576,8 @@
                 {
                     "description": "Vertical padding of the scheduler tooltip.\n",
                     "commentRange": {
-                        "start": 207,
-                        "end": 208
+                        "start": 203,
+                        "end": 204
                     },
                     "context": {
                         "type": "variable",
@@ -127011,8 +127585,8 @@
                         "value": "$kendo-scheduler-tooltip-padding-x",
                         "scope": "default",
                         "line": {
-                            "start": 209,
-                            "end": 209
+                            "start": 205,
+                            "end": 205
                         }
                     },
                     "group": [
@@ -127027,8 +127601,8 @@
                 {
                     "description": "Width of the border of the scheduler tooltip.\n",
                     "commentRange": {
-                        "start": 210,
-                        "end": 211
+                        "start": 206,
+                        "end": 207
                     },
                     "context": {
                         "type": "variable",
@@ -127036,8 +127610,8 @@
                         "value": "0",
                         "scope": "default",
                         "line": {
-                            "start": 212,
-                            "end": 212
+                            "start": 208,
+                            "end": 208
                         }
                     },
                     "group": [
@@ -127052,8 +127626,8 @@
                 {
                     "description": "Background color of the scheduler tooltip.\n",
                     "commentRange": {
-                        "start": 213,
-                        "end": 214
+                        "start": 209,
+                        "end": 210
                     },
                     "context": {
                         "type": "variable",
@@ -127061,8 +127635,8 @@
                         "value": "$kendo-color-white",
                         "scope": "default",
                         "line": {
-                            "start": 215,
-                            "end": 215
+                            "start": 211,
+                            "end": 211
                         }
                     },
                     "group": [
@@ -127077,8 +127651,8 @@
                 {
                     "description": "Text color of the scheduler tooltip.\n",
                     "commentRange": {
-                        "start": 216,
-                        "end": 217
+                        "start": 212,
+                        "end": 213
                     },
                     "context": {
                         "type": "variable",
@@ -127086,8 +127660,8 @@
                         "value": "k-get-theme-color-var( neutral-130 )",
                         "scope": "default",
                         "line": {
-                            "start": 218,
-                            "end": 218
+                            "start": 214,
+                            "end": 214
                         }
                     },
                     "group": [
@@ -127102,8 +127676,8 @@
                 {
                     "description": "Border color of the scheduler tooltip.\n",
                     "commentRange": {
-                        "start": 219,
-                        "end": 220
+                        "start": 215,
+                        "end": 216
                     },
                     "context": {
                         "type": "variable",
@@ -127111,8 +127685,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 221,
-                            "end": 221
+                            "start": 217,
+                            "end": 217
                         }
                     },
                     "group": [
@@ -127127,17 +127701,17 @@
                 {
                     "description": "Shadow of the scheduler tooltip.\n",
                     "commentRange": {
-                        "start": 222,
-                        "end": 223
+                        "start": 218,
+                        "end": 219
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-scheduler-tooltip-shadow",
-                        "value": "0px 0px 10px rgba(0, 0, 0, .2 )",
+                        "value": "k-elevation(5)",
                         "scope": "default",
                         "line": {
-                            "start": 224,
-                            "end": 224
+                            "start": 220,
+                            "end": 220
                         }
                     },
                     "group": [
@@ -127152,8 +127726,8 @@
                 {
                     "description": "Vertical spacing of the scheduler tooltip title.\n",
                     "commentRange": {
-                        "start": 226,
-                        "end": 227
+                        "start": 222,
+                        "end": 223
                     },
                     "context": {
                         "type": "variable",
@@ -127161,8 +127735,8 @@
                         "value": "map.get( $kendo-spacing, 3 )",
                         "scope": "default",
                         "line": {
-                            "start": 228,
-                            "end": 228
+                            "start": 224,
+                            "end": 224
                         }
                     },
                     "group": [
@@ -127177,8 +127751,8 @@
                 {
                     "description": "Font size of the month inside the scheduler tooltip.\n",
                     "commentRange": {
-                        "start": 229,
-                        "end": 230
+                        "start": 225,
+                        "end": 226
                     },
                     "context": {
                         "type": "variable",
@@ -127186,8 +127760,8 @@
                         "value": "var( --kendo-font-size-sm, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 231,
-                            "end": 231
+                            "start": 227,
+                            "end": 227
                         }
                     },
                     "group": [
@@ -127202,8 +127776,8 @@
                 {
                     "description": "Font size of the day inside the scheduler tooltip.\n",
                     "commentRange": {
-                        "start": 232,
-                        "end": 233
+                        "start": 228,
+                        "end": 229
                     },
                     "context": {
                         "type": "variable",
@@ -127211,8 +127785,8 @@
                         "value": "calc( $kendo-scheduler-tooltip-month-font-size * 2 )",
                         "scope": "default",
                         "line": {
-                            "start": 234,
-                            "end": 234
+                            "start": 230,
+                            "end": 230
                         }
                     },
                     "group": [
@@ -127227,8 +127801,8 @@
                 {
                     "description": "Max height of the events inside the scheduler tooltip.\n",
                     "commentRange": {
-                        "start": 236,
-                        "end": 237
+                        "start": 232,
+                        "end": 233
                     },
                     "context": {
                         "type": "variable",
@@ -127236,8 +127810,8 @@
                         "value": "250px",
                         "scope": "default",
                         "line": {
-                            "start": 238,
-                            "end": 238
+                            "start": 234,
+                            "end": 234
                         }
                     },
                     "group": [
@@ -127252,8 +127826,8 @@
                 {
                     "description": "Spacing between the events inside the scheduler tooltip.\n",
                     "commentRange": {
-                        "start": 239,
-                        "end": 240
+                        "start": 235,
+                        "end": 236
                     },
                     "context": {
                         "type": "variable",
@@ -127261,8 +127835,8 @@
                         "value": "map.get( $kendo-spacing, 2 )",
                         "scope": "default",
                         "line": {
-                            "start": 241,
-                            "end": 241
+                            "start": 237,
+                            "end": 237
                         }
                     },
                     "group": [
@@ -127277,8 +127851,8 @@
                 {
                     "description": "Horizontal padding of the events inside the scheduler tooltip.\n",
                     "commentRange": {
-                        "start": 243,
-                        "end": 244
+                        "start": 239,
+                        "end": 240
                     },
                     "context": {
                         "type": "variable",
@@ -127286,8 +127860,8 @@
                         "value": "$kendo-scheduler-event-padding-x",
                         "scope": "default",
                         "line": {
-                            "start": 245,
-                            "end": 245
+                            "start": 241,
+                            "end": 241
                         }
                     },
                     "group": [
@@ -127302,8 +127876,8 @@
                 {
                     "description": "Vertical padding of the events inside the scheduler tooltip.\n",
                     "commentRange": {
-                        "start": 246,
-                        "end": 247
+                        "start": 242,
+                        "end": 243
                     },
                     "context": {
                         "type": "variable",
@@ -127311,8 +127885,8 @@
                         "value": "$kendo-scheduler-event-padding-y",
                         "scope": "default",
                         "line": {
-                            "start": 248,
-                            "end": 248
+                            "start": 244,
+                            "end": 244
                         }
                     },
                     "group": [
@@ -127327,8 +127901,8 @@
                 {
                     "description": "Border radius of the events inside the scheduler tooltip.\n",
                     "commentRange": {
-                        "start": 249,
-                        "end": 250
+                        "start": 245,
+                        "end": 246
                     },
                     "context": {
                         "type": "variable",
@@ -127336,8 +127910,8 @@
                         "value": "$kendo-scheduler-event-border-radius",
                         "scope": "default",
                         "line": {
-                            "start": 251,
-                            "end": 251
+                            "start": 247,
+                            "end": 247
                         }
                     },
                     "group": [
@@ -127352,8 +127926,8 @@
                 {
                     "description": "Spacing between the events items inside the scheduler tooltip.\n",
                     "commentRange": {
-                        "start": 252,
-                        "end": 253
+                        "start": 248,
+                        "end": 249
                     },
                     "context": {
                         "type": "variable",
@@ -127361,8 +127935,8 @@
                         "value": "map.get( $kendo-spacing, 0.5 )",
                         "scope": "default",
                         "line": {
-                            "start": 254,
-                            "end": 254
+                            "start": 250,
+                            "end": 250
                         }
                     },
                     "group": [
@@ -127377,8 +127951,8 @@
                 {
                     "description": "Color of the scheduler tooltip callout.\n",
                     "commentRange": {
-                        "start": 256,
-                        "end": 257
+                        "start": 252,
+                        "end": 253
                     },
                     "context": {
                         "type": "variable",
@@ -127386,8 +127960,8 @@
                         "value": "$kendo-scheduler-tooltip-bg",
                         "scope": "default",
                         "line": {
-                            "start": 258,
-                            "end": 258
+                            "start": 254,
+                            "end": 254
                         }
                     },
                     "group": [
@@ -127402,8 +127976,8 @@
                 {
                     "description": "Width of the scheduler resize handle.\n",
                     "commentRange": {
-                        "start": 260,
-                        "end": 261
+                        "start": 256,
+                        "end": 257
                     },
                     "context": {
                         "type": "variable",
@@ -127411,8 +127985,8 @@
                         "value": "2em",
                         "scope": "default",
                         "line": {
-                            "start": 262,
-                            "end": 262
+                            "start": 258,
+                            "end": 258
                         }
                     },
                     "group": [
@@ -127427,8 +128001,8 @@
                 {
                     "description": "Height of the scheduler more events button.\n",
                     "commentRange": {
-                        "start": 264,
-                        "end": 265
+                        "start": 260,
+                        "end": 261
                     },
                     "context": {
                         "type": "variable",
@@ -127436,8 +128010,8 @@
                         "value": "13px",
                         "scope": "default",
                         "line": {
-                            "start": 266,
-                            "end": 266
+                            "start": 262,
+                            "end": 262
                         }
                     },
                     "group": [
@@ -127452,8 +128026,8 @@
                 {
                     "description": "Color of the scheduler marquee.\n",
                     "commentRange": {
-                        "start": 268,
-                        "end": 269
+                        "start": 264,
+                        "end": 265
                     },
                     "context": {
                         "type": "variable",
@@ -127461,8 +128035,8 @@
                         "value": "k-get-theme-color-var( primary-100 )",
                         "scope": "default",
                         "line": {
-                            "start": 270,
-                            "end": 270
+                            "start": 266,
+                            "end": 266
                         }
                     },
                     "group": [
@@ -139486,7 +140060,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-taskboard-card-selected-shadow",
-                        "value": "var( --kendo-box-shadow-depth-4, none )",
+                        "value": "var( --kendo-box-shadow-depth-3, none )",
                         "scope": "default",
                         "line": {
                             "start": 188,
@@ -141354,7 +141928,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-timeline-flag-box-shadow",
-                        "value": "var( --kendo-box-shadow-depth-1, none )",
+                        "value": "var( --kendo-box-shadow-depth-2, none )",
                         "scope": "default",
                         "line": {
                             "start": 101,
@@ -143066,7 +143640,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-tooltip-shadow",
-                        "value": "var( --kendo-box-shadow-depth-3, none )",
+                        "value": "var( --kendo-box-shadow-depth-2, none )",
                         "scope": "default",
                         "line": {
                             "start": 51,
@@ -145871,7 +146445,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-window-shadow",
-                        "value": "var( --kendo-box-shadow-depth-4, none )",
+                        "value": "var( --kendo-box-shadow-depth-8, none )",
                         "scope": "default",
                         "line": {
                             "start": 84,
@@ -145896,7 +146470,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-window-focus-shadow",
-                        "value": "var( --kendo-box-shadow-depth-4, none )",
+                        "value": "var( --kendo-box-shadow-depth-9, none )",
                         "scope": "default",
                         "line": {
                             "start": 87,