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

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

@@ -508,7 +508,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,
@@ -3258,7 +3258,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,
@@ -10508,7 +10508,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,
@@ -11958,7 +11958,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,
@@ -12108,7 +12108,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,
@@ -12133,7 +12133,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,
@@ -14383,7 +14383,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-gradient-border-width",
-            "value": "1px",
+            "value": "2px",
             "scope": "default",
             "line": {
                 "start": 14,
@@ -14858,7 +14858,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,
@@ -15108,7 +15108,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-gradient-draghandle-border-width",
-            "value": "1px",
+            "value": "2px",
             "scope": "default",
             "line": {
                 "start": 107,
@@ -15125,15 +15125,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,
@@ -15150,15 +15150,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,
@@ -15175,15 +15175,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,
@@ -15200,15 +15200,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,
@@ -15225,15 +15225,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,
@@ -15249,11 +15249,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",
@@ -15261,8 +15311,8 @@
             "value": "( -1 * math.div( $kendo-color-gradient-draghandle-height, 2 ) )",
             "scope": "default",
             "line": {
-                "start": 126,
-                "end": 126
+                "start": 132,
+                "end": 132
             }
         },
         "group": [
@@ -15277,8 +15327,8 @@
     {
         "description": "The horizontal offset of the ColorGradient canvas drag handle.\n",
         "commentRange": {
-            "start": 127,
-            "end": 128
+            "start": 133,
+            "end": 134
         },
         "context": {
             "type": "variable",
@@ -15286,8 +15336,8 @@
             "value": "( -1 * math.div( $kendo-color-gradient-draghandle-width, 2 ) )",
             "scope": "default",
             "line": {
-                "start": 129,
-                "end": 129
+                "start": 135,
+                "end": 135
             }
         },
         "group": [
@@ -15302,8 +15352,8 @@
     {
         "description": "The width of the ColorGradient input.\n",
         "commentRange": {
-            "start": 131,
-            "end": 132
+            "start": 137,
+            "end": 138
         },
         "context": {
             "type": "variable",
@@ -15311,8 +15361,8 @@
             "value": "48px",
             "scope": "default",
             "line": {
-                "start": 133,
-                "end": 133
+                "start": 139,
+                "end": 139
             }
         },
         "group": [
@@ -15327,8 +15377,8 @@
     {
         "description": "The spacing between the ColorGradient inputs.\n",
         "commentRange": {
-            "start": 134,
-            "end": 135
+            "start": 140,
+            "end": 141
         },
         "context": {
             "type": "variable",
@@ -15336,8 +15386,8 @@
             "value": "math.div( $kendo-color-gradient-spacer, 4 )",
             "scope": "default",
             "line": {
-                "start": 136,
-                "end": 136
+                "start": 142,
+                "end": 142
             }
         },
         "group": [
@@ -15352,8 +15402,8 @@
     {
         "description": "The font size of the ColorGradient input labels.\n",
         "commentRange": {
-            "start": 137,
-            "end": 138
+            "start": 143,
+            "end": 144
         },
         "context": {
             "type": "variable",
@@ -15361,8 +15411,8 @@
             "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
-                "start": 139,
-                "end": 139
+                "start": 145,
+                "end": 145
             }
         },
         "group": [
@@ -15377,8 +15427,8 @@
     {
         "description": "The spacing between the ColorGradient inputs and their labels.\n",
         "commentRange": {
-            "start": 140,
-            "end": 141
+            "start": 146,
+            "end": 147
         },
         "context": {
             "type": "variable",
@@ -15386,8 +15436,8 @@
             "value": "math.div( $kendo-color-gradient-spacer, 4 )",
             "scope": "default",
             "line": {
-                "start": 142,
-                "end": 142
+                "start": 148,
+                "end": 148
             }
         },
         "group": [
@@ -15402,8 +15452,8 @@
     {
         "description": "The text color of the ColorGradient input labels.\n",
         "commentRange": {
-            "start": 143,
-            "end": 144
+            "start": 149,
+            "end": 150
         },
         "context": {
             "type": "variable",
@@ -15411,8 +15461,8 @@
             "value": "var( --kendo-subtle-text, inherit )",
             "scope": "default",
             "line": {
-                "start": 145,
-                "end": 145
+                "start": 151,
+                "end": 151
             }
         },
         "group": [
@@ -15427,8 +15477,8 @@
     {
         "description": "The font weight of the ColorGradient contrast ratio text.\n",
         "commentRange": {
-            "start": 147,
-            "end": 148
+            "start": 153,
+            "end": 154
         },
         "context": {
             "type": "variable",
@@ -15436,8 +15486,8 @@
             "value": "var( --kendo-font-weight-bold, normal )",
             "scope": "default",
             "line": {
-                "start": 149,
-                "end": 149
+                "start": 155,
+                "end": 155
             }
         },
         "group": [
@@ -15452,8 +15502,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",
@@ -15461,8 +15511,8 @@
             "value": "math.div( $kendo-color-gradient-spacer, 1.5 )",
             "scope": "default",
             "line": {
-                "start": 152,
-                "end": 152
+                "start": 158,
+                "end": 158
             }
         },
         "group": [
@@ -16416,711 +16466,1611 @@
             }
         },
         "group": [
-            "colorpalette"
+            "colorpalette"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorpalette/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the ColorPalette.\n",
+        "commentRange": {
+            "start": 10,
+            "end": 11
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-palette-line-height",
+            "value": "0",
+            "scope": "default",
+            "line": {
+                "start": 12,
+                "end": 12
+            }
+        },
+        "group": [
+            "colorpalette"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorpalette/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The outline width of the ColorPalette tile.\n",
+        "commentRange": {
+            "start": 14,
+            "end": 15
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-palette-tile-outline-width",
+            "value": "1px",
+            "scope": "default",
+            "line": {
+                "start": 16,
+                "end": 16
+            }
+        },
+        "group": [
+            "colorpalette"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorpalette/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The outline style of the ColorPalette tile.\n",
+        "commentRange": {
+            "start": 17,
+            "end": 18
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-palette-tile-outline-style",
+            "value": "solid",
+            "scope": "default",
+            "line": {
+                "start": 19,
+                "end": 19
+            }
+        },
+        "group": [
+            "colorpalette"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorpalette/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The outline color of the ColorPalette tile.\n",
+        "commentRange": {
+            "start": 20,
+            "end": 21
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-palette-tile-outline",
+            "value": "transparent",
+            "scope": "default",
+            "line": {
+                "start": 22,
+                "end": 22
+            }
+        },
+        "group": [
+            "colorpalette"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorpalette/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The width of the ColorPalette tile.\n",
+        "commentRange": {
+            "start": 23,
+            "end": 24
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-palette-tile-width",
+            "value": "map.get( $kendo-spacing, 6 )",
+            "scope": "default",
+            "line": {
+                "start": 25,
+                "end": 25
+            }
+        },
+        "group": [
+            "colorpalette"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorpalette/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The height of the ColorPalette tile.\n",
+        "commentRange": {
+            "start": 26,
+            "end": 27
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-palette-tile-height",
+            "value": "$kendo-color-palette-tile-width",
+            "scope": "default",
+            "line": {
+                "start": 28,
+                "end": 28
+            }
+        },
+        "group": [
+            "colorpalette"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorpalette/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The outline color of the ColorPalette focused tile.\n",
+        "commentRange": {
+            "start": 29,
+            "end": 30
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-palette-tile-focus-outline",
+            "value": "k-get-theme-color-var( neutral-130 )",
+            "scope": "default",
+            "line": {
+                "start": 31,
+                "end": 31
+            }
+        },
+        "group": [
+            "colorpalette"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorpalette/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The shadow of the ColorPalette focused tile.\n",
+        "commentRange": {
+            "start": 32,
+            "end": 33
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-palette-tile-focus-shadow",
+            "value": "inset 0 0 0 2px $kendo-color-white",
+            "scope": "default",
+            "line": {
+                "start": 34,
+                "end": 34
+            }
+        },
+        "group": [
+            "colorpalette"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorpalette/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The outline color of the ColorPalette hovered tile.\n",
+        "commentRange": {
+            "start": 35,
+            "end": 36
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-palette-tile-hover-outline",
+            "value": "k-get-theme-color-var( neutral-20 )",
+            "scope": "default",
+            "line": {
+                "start": 37,
+                "end": 37
+            }
+        },
+        "group": [
+            "colorpalette"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorpalette/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The shadow of the ColorPalette hovered tile.\n",
+        "commentRange": {
+            "start": 38,
+            "end": 39
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-palette-tile-hover-shadow",
+            "value": "inset 0 0 0 2px $kendo-color-palette-tile-hover-outline, inset 0 0 0 4px $kendo-color-white",
+            "scope": "default",
+            "line": {
+                "start": 40,
+                "end": 40
+            }
+        },
+        "group": [
+            "colorpalette"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorpalette/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The outline color of the ColorPalette selected tile.\n",
+        "commentRange": {
+            "start": 41,
+            "end": 42
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-palette-tile-selected-outline",
+            "value": "$kendo-color-palette-tile-hover-outline",
+            "scope": "default",
+            "line": {
+                "start": 43,
+                "end": 43
+            }
+        },
+        "group": [
+            "colorpalette"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorpalette/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The shadow of the ColorPalette selected tile.\n",
+        "commentRange": {
+            "start": 44,
+            "end": 45
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-palette-tile-selected-shadow",
+            "value": "$kendo-color-palette-tile-hover-shadow",
+            "scope": "default",
+            "line": {
+                "start": 46,
+                "end": 46
+            }
+        },
+        "group": [
+            "colorpalette"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorpalette/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The outline color of the ColorPalette selected hover tile.\n",
+        "commentRange": {
+            "start": 47,
+            "end": 48
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-palette-tile-selected-hover-outline",
+            "value": "$kendo-color-palette-tile-focus-outline",
+            "scope": "default",
+            "line": {
+                "start": 49,
+                "end": 49
+            }
+        },
+        "group": [
+            "colorpalette"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorpalette/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The width of the border around the Dialog.\n",
+        "commentRange": {
+            "start": 4,
+            "end": 5
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dialog-border-width",
+            "value": "0",
+            "scope": "default",
+            "line": {
+                "start": 6,
+                "end": 6
+            }
+        },
+        "group": [
+            "dialog"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dialog/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the Dialog titlebar.\n",
+        "commentRange": {
+            "start": 8,
+            "end": 9
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dialog-titlebar-bg",
+            "value": "var( --kendo-component-bg, initial )",
+            "scope": "default",
+            "line": {
+                "start": 10,
+                "end": 10
+            }
+        },
+        "group": [
+            "dialog"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dialog/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the Dialog titlebar.\n",
+        "commentRange": {
+            "start": 11,
+            "end": 12
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dialog-titlebar-text",
+            "value": "var( --kendo-component-text, initial )",
+            "scope": "default",
+            "line": {
+                "start": 13,
+                "end": 13
+            }
+        },
+        "group": [
+            "dialog"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dialog/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the Dialog titlebar.\n",
+        "commentRange": {
+            "start": 14,
+            "end": 15
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dialog-titlebar-border",
+            "value": "var( --kendo-component-border, initial )",
+            "scope": "default",
+            "line": {
+                "start": 16,
+                "end": 16
+            }
+        },
+        "group": [
+            "dialog"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dialog/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The width of the border around the Dialog titlebar.\n",
+        "commentRange": {
+            "start": 17,
+            "end": 18
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dialog-titlebar-border-width",
+            "value": "0",
+            "scope": "default",
+            "line": {
+                "start": 19,
+                "end": 19
+            }
+        },
+        "group": [
+            "dialog"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dialog/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the Dialog titlebar.\n",
+        "commentRange": {
+            "start": 20,
+            "end": 21
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dialog-titlebar-padding-x",
+            "value": "map.get( $kendo-spacing, 6 )",
+            "scope": "default",
+            "line": {
+                "start": 22,
+                "end": 22
+            }
+        },
+        "group": [
+            "dialog"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dialog/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the Dialog titlebar.\n",
+        "commentRange": {
+            "start": 23,
+            "end": 24
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dialog-titlebar-padding-y",
+            "value": "map.get( $kendo-spacing, 4 )",
+            "scope": "default",
+            "line": {
+                "start": 25,
+                "end": 25
+            }
+        },
+        "group": [
+            "dialog"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dialog/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the content of the Dialog.\n",
+        "commentRange": {
+            "start": 27,
+            "end": 28
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dialog-inner-padding-x",
+            "value": "map.get( $kendo-spacing, 6 )",
+            "scope": "default",
+            "line": {
+                "start": 29,
+                "end": 29
+            }
+        },
+        "group": [
+            "dialog"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dialog/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the content of the Dialog.\n",
+        "commentRange": {
+            "start": 30,
+            "end": 31
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dialog-inner-padding-y",
+            "value": "map.get( $kendo-spacing, 3 )",
+            "scope": "default",
+            "line": {
+                "start": 32,
+                "end": 32
+            }
+        },
+        "group": [
+            "dialog"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dialog/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the Dialog action buttons.\n",
+        "commentRange": {
+            "start": 34,
+            "end": 35
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dialog-buttongroup-padding-x",
+            "value": "map.get( $kendo-spacing, 6 )",
+            "scope": "default",
+            "line": {
+                "start": 36,
+                "end": 36
+            }
+        },
+        "group": [
+            "dialog"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dialog/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the Dialog action buttons.\n",
+        "commentRange": {
+            "start": 37,
+            "end": 38
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dialog-buttongroup-padding-y",
+            "value": "map.get( $kendo-spacing, 6 )",
+            "scope": "default",
+            "line": {
+                "start": 39,
+                "end": 39
+            }
+        },
+        "group": [
+            "dialog"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dialog/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The width of the top border of the Dialog action buttons.\n",
+        "commentRange": {
+            "start": 40,
+            "end": 41
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dialog-buttongroup-border-width",
+            "value": "0",
+            "scope": "default",
+            "line": {
+                "start": 42,
+                "end": 42
+            }
+        },
+        "group": [
+            "dialog"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dialog/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The spacing between the Dialog action buttons.\n",
+        "commentRange": {
+            "start": 43,
+            "end": 44
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dialog-buttongroup-spacing",
+            "value": "map.get( $kendo-spacing, 3 )",
+            "scope": "default",
+            "line": {
+                "start": 45,
+                "end": 45
+            }
+        },
+        "group": [
+            "dialog"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dialog/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The spacing between the Dialog action buttons.\n",
+        "commentRange": {
+            "start": 47,
+            "end": 48
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dialog-button-spacing",
+            "value": "map.get( $kendo-spacing, 2 )",
+            "scope": "default",
+            "line": {
+                "start": 49,
+                "end": 49
+            }
+        },
+        "group": [
+            "dialog"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dialog/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The box shadow around the Dialog.\n",
+        "commentRange": {
+            "start": 51,
+            "end": 52
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dialog-shadow",
+            "value": "var( --kendo-box-shadow-depth-8, none )",
+            "scope": "default",
+            "line": {
+                "start": 53,
+                "end": 53
+            }
+        },
+        "group": [
+            "dialog"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dialog/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": " The width of the border around the DockManager component.\n",
+        "commentRange": {
+            "start": 4,
+            "end": 5
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-border-width",
+            "value": "1px",
+            "scope": "default",
+            "line": {
+                "start": 6,
+                "end": 6
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The style of the border around the DockManager component.\n",
+        "commentRange": {
+            "start": 7,
+            "end": 8
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-border-style",
+            "value": "solid",
+            "scope": "default",
+            "line": {
+                "start": 9,
+                "end": 9
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The color of the border around the DockManager component.\n",
+        "commentRange": {
+            "start": 10,
+            "end": 11
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-border",
+            "value": "var( --kendo-component-border, inherit )",
+            "scope": "default",
+            "line": {
+                "start": 12,
+                "end": 12
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the pane header in the DockManager component.\n",
+        "commentRange": {
+            "start": 14,
+            "end": 15
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-pane-header-padding-y",
+            "value": "map.get( $kendo-spacing, 1 )",
+            "scope": "default",
+            "line": {
+                "start": 16,
+                "end": 16
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the pane header in the DockManager component.\n",
+        "commentRange": {
+            "start": 17,
+            "end": 18
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-pane-header-padding-x",
+            "value": "map.get( $kendo-spacing, 6 )",
+            "scope": "default",
+            "line": {
+                "start": 19,
+                "end": 19
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The width of the border around the pane header in the DockManager component.\n",
+        "commentRange": {
+            "start": 20,
+            "end": 21
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-pane-header-border-width",
+            "value": "$kendo-dock-manager-border-width",
+            "scope": "default",
+            "line": {
+                "start": 22,
+                "end": 22
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": " The style of the border around the pane header in the DockManager component.\n",
+        "commentRange": {
+            "start": 23,
+            "end": 24
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-pane-header-border-style",
+            "value": "solid",
+            "scope": "default",
+            "line": {
+                "start": 25,
+                "end": 25
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the pane header in the DockManager component.\n",
+        "commentRange": {
+            "start": 26,
+            "end": 27
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-pane-header-bg",
+            "value": "var( --kendo-component-bg, inherit )",
+            "scope": "default",
+            "line": {
+                "start": 28,
+                "end": 28
+            }
+        },
+        "group": [
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "colorpalette/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The line height of the ColorPalette.\n",
+        "description": "The text color of the pane header in the DockManager component.\n",
         "commentRange": {
-            "start": 10,
-            "end": 11
+            "start": 29,
+            "end": 30
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-palette-line-height",
-            "value": "0",
+            "name": "kendo-dock-manager-pane-header-text",
+            "value": "k-get-theme-color-var( primary-100 )",
             "scope": "default",
             "line": {
-                "start": 12,
-                "end": 12
+                "start": 31,
+                "end": 31
             }
         },
         "group": [
-            "colorpalette"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "colorpalette/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The outline width of the ColorPalette tile.\n",
+        "description": "The vertical padding of the pane title in the DockManager component.\n",
         "commentRange": {
-            "start": 14,
-            "end": 15
+            "start": 33,
+            "end": 34
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-palette-tile-outline-width",
-            "value": "1px",
+            "name": "kendo-dock-manager-pane-title-padding-y",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 16,
-                "end": 16
+                "start": 35,
+                "end": 35
             }
         },
         "group": [
-            "colorpalette"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "colorpalette/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The outline style of the ColorPalette tile.\n",
+        "description": "The horizontal padding of the pane title in the DockManager component.\n",
         "commentRange": {
-            "start": 17,
-            "end": 18
+            "start": 36,
+            "end": 37
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-palette-tile-outline-style",
-            "value": "solid",
+            "name": "kendo-dock-manager-pane-title-padding-x",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 19,
-                "end": 19
+                "start": 38,
+                "end": 38
             }
         },
         "group": [
-            "colorpalette"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "colorpalette/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The outline color of the ColorPalette tile.\n",
+        "description": "The font family of the pane title in the DockManager component.\n",
         "commentRange": {
-            "start": 20,
-            "end": 21
+            "start": 39,
+            "end": 40
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-palette-tile-outline",
-            "value": "transparent",
+            "name": "kendo-dock-manager-pane-title-font-family",
+            "value": "var( --kendo-font-family, inherit )",
             "scope": "default",
             "line": {
-                "start": 22,
-                "end": 22
+                "start": 41,
+                "end": 41
             }
         },
         "group": [
-            "colorpalette"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "colorpalette/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The width of the ColorPalette tile.\n",
+        "description": "The font size of the pane title in the DockManager component.\n",
         "commentRange": {
-            "start": 23,
-            "end": 24
+            "start": 42,
+            "end": 43
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-palette-tile-width",
-            "value": "map.get( $kendo-spacing, 6 )",
+            "name": "kendo-dock-manager-pane-title-font-size",
+            "value": "var( --kendo-font-size-lg, inherit )",
             "scope": "default",
             "line": {
-                "start": 25,
-                "end": 25
+                "start": 44,
+                "end": 44
             }
         },
         "group": [
-            "colorpalette"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "colorpalette/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The height of the ColorPalette tile.\n",
+        "description": "The line height of the pane title in the DockManager component.\n",
         "commentRange": {
-            "start": 26,
-            "end": 27
+            "start": 45,
+            "end": 46
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-palette-tile-height",
-            "value": "$kendo-color-palette-tile-width",
+            "name": "kendo-dock-manager-pane-title-line-height",
+            "value": "var( --kendo-line-height, normal )",
             "scope": "default",
             "line": {
-                "start": 28,
-                "end": 28
+                "start": 47,
+                "end": 47
             }
         },
         "group": [
-            "colorpalette"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "colorpalette/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The outline color of the ColorPalette focused tile.\n",
+        "description": "The font weight of the pane title in the DockManager component.\n",
         "commentRange": {
-            "start": 29,
-            "end": 30
+            "start": 48,
+            "end": 49
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-palette-tile-focus-outline",
-            "value": "k-get-theme-color-var( neutral-130 )",
+            "name": "kendo-dock-manager-pane-title-font-weight",
+            "value": "var( --kendo-font-weight, normal )",
             "scope": "default",
             "line": {
-                "start": 31,
-                "end": 31
+                "start": 50,
+                "end": 50
             }
         },
         "group": [
-            "colorpalette"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "colorpalette/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The shadow of the ColorPalette focused tile.\n",
+        "description": "The horizontal padding of the pane content in the DockManager component.\n",
         "commentRange": {
-            "start": 32,
-            "end": 33
+            "start": 52,
+            "end": 53
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-palette-tile-focus-shadow",
-            "value": "inset 0 0 0 2px $kendo-color-white",
+            "name": "kendo-dock-manager-pane-content-padding-x",
+            "value": "map.get( $kendo-spacing, 3 )",
             "scope": "default",
             "line": {
-                "start": 34,
-                "end": 34
+                "start": 54,
+                "end": 54
             }
         },
         "group": [
-            "colorpalette"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "colorpalette/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The outline color of the ColorPalette hovered tile.\n",
+        "description": "The vertical padding of the pane content in the DockManager component.\n",
         "commentRange": {
-            "start": 35,
-            "end": 36
+            "start": 55,
+            "end": 56
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-palette-tile-hover-outline",
-            "value": "k-get-theme-color-var( neutral-20 )",
+            "name": "kendo-dock-manager-pane-content-padding-y",
+            "value": "map.get( $kendo-spacing, 3 )",
             "scope": "default",
             "line": {
-                "start": 37,
-                "end": 37
+                "start": 57,
+                "end": 57
             }
         },
         "group": [
-            "colorpalette"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "colorpalette/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The shadow of the ColorPalette hovered tile.\n",
+        "description": "The horizontal padding of the tabbed pane in the DockManager component.\n",
         "commentRange": {
-            "start": 38,
-            "end": 39
+            "start": 59,
+            "end": 60
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-palette-tile-hover-shadow",
-            "value": "inset 0 0 0 2px $kendo-color-palette-tile-hover-outline, inset 0 0 0 4px $kendo-color-white",
+            "name": "kendo-dock-manager-tabbed-pane-padding-y",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 40,
-                "end": 40
+                "start": 61,
+                "end": 61
             }
         },
         "group": [
-            "colorpalette"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "colorpalette/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The outline color of the ColorPalette selected tile.\n",
+        "description": "The horizontal padding of the tabbed pane in the DockManager component.\n",
         "commentRange": {
-            "start": 41,
-            "end": 42
+            "start": 62,
+            "end": 63
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-palette-tile-selected-outline",
-            "value": "$kendo-color-palette-tile-hover-outline",
+            "name": "kendo-dock-manager-tabbed-pane-padding-x",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 43,
-                "end": 43
+                "start": 64,
+                "end": 64
             }
         },
         "group": [
-            "colorpalette"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "colorpalette/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The shadow of the ColorPalette selected tile.\n",
+        "description": "The width of the unpinned pane container in the DockManager component.\n",
         "commentRange": {
-            "start": 44,
-            "end": 45
+            "start": 66,
+            "end": 67
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-palette-tile-selected-shadow",
-            "value": "$kendo-color-palette-tile-hover-shadow",
+            "name": "kendo-dock-manager-unpinned-container-width",
+            "value": "300px",
             "scope": "default",
             "line": {
-                "start": 46,
-                "end": 46
+                "start": 68,
+                "end": 68
             }
         },
         "group": [
-            "colorpalette"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "colorpalette/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The outline color of the ColorPalette selected hover tile.\n",
+        "description": "The background-color of the unpinned pane container in the DockManager component.\n",
         "commentRange": {
-            "start": 47,
-            "end": 48
+            "start": 69,
+            "end": 70
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-palette-tile-selected-hover-outline",
-            "value": "$kendo-color-palette-tile-focus-outline",
+            "name": "kendo-dock-manager-unpinned-container-bg",
+            "value": "$kendo-color-white",
             "scope": "default",
             "line": {
-                "start": 49,
-                "end": 49
+                "start": 71,
+                "end": 71
             }
         },
         "group": [
-            "colorpalette"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "colorpalette/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The width of the border around the Dialog.\n",
+        "description": "The box shadow of the unpinned pane container in the DockManager component.\n",
         "commentRange": {
-            "start": 4,
-            "end": 5
+            "start": 72,
+            "end": 73
         },
         "context": {
             "type": "variable",
-            "name": "kendo-dialog-border-width",
-            "value": "0",
+            "name": "kendo-dock-manager-unpinned-container-shadow",
+            "value": "25.6px 0px 57.6px 0px rgba(0, 0, 0, 0.22), 4.8px 0px 14.4px 0px rgba(0, 0, 0, 0.18)",
             "scope": "default",
             "line": {
-                "start": 6,
-                "end": 6
+                "start": 74,
+                "end": 74
             }
         },
         "group": [
-            "dialog"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "dialog/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The background color of the Dialog titlebar.\n",
+        "description": "The padding of the dock indicator in the DockManager component.\n",
         "commentRange": {
-            "start": 8,
-            "end": 9
+            "start": 76,
+            "end": 77
         },
         "context": {
             "type": "variable",
-            "name": "kendo-dialog-titlebar-bg",
-            "value": "var( --kendo-component-bg, initial )",
+            "name": "kendo-dock-indicator-padding",
+            "value": "map.get( $kendo-spacing, 1.5 )",
             "scope": "default",
             "line": {
-                "start": 10,
-                "end": 10
+                "start": 78,
+                "end": 78
             }
         },
         "group": [
-            "dialog"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "dialog/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The text color of the Dialog titlebar.\n",
+        "description": "The background color of the dock indicator in the DockManager component.\n",
         "commentRange": {
-            "start": 11,
-            "end": 12
+            "start": 79,
+            "end": 80
         },
         "context": {
             "type": "variable",
-            "name": "kendo-dialog-titlebar-text",
-            "value": "var( --kendo-component-text, initial )",
+            "name": "kendo-dock-indicator-bg",
+            "value": "$kendo-component-bg",
             "scope": "default",
             "line": {
-                "start": 13,
-                "end": 13
+                "start": 81,
+                "end": 81
             }
         },
         "group": [
-            "dialog"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "dialog/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The border color of the Dialog titlebar.\n",
+        "description": "The text color of the dock indicator in the DockManager component.\n",
         "commentRange": {
-            "start": 14,
-            "end": 15
+            "start": 82,
+            "end": 83
         },
         "context": {
             "type": "variable",
-            "name": "kendo-dialog-titlebar-border",
-            "value": "var( --kendo-component-border, initial )",
+            "name": "kendo-dock-indicator-text",
+            "value": "k-get-theme-color-var( primary-100 )",
             "scope": "default",
             "line": {
-                "start": 16,
-                "end": 16
+                "start": 84,
+                "end": 84
             }
         },
         "group": [
-            "dialog"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "dialog/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The width of the border around the Dialog titlebar.\n",
+        "description": "The outline width of the dock indicator in the DockManager component.\n",
         "commentRange": {
-            "start": 17,
-            "end": 18
+            "start": 85,
+            "end": 86
         },
         "context": {
             "type": "variable",
-            "name": "kendo-dialog-titlebar-border-width",
-            "value": "0",
+            "name": "kendo-dock-indicator-outline-width",
+            "value": "1px",
             "scope": "default",
             "line": {
-                "start": 19,
-                "end": 19
+                "start": 87,
+                "end": 87
             }
         },
         "group": [
-            "dialog"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "dialog/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The horizontal padding of the Dialog titlebar.\n",
+        "description": "The outline style of the dock indicator in the DockManager component.\n",
         "commentRange": {
-            "start": 20,
-            "end": 21
+            "start": 88,
+            "end": 89
         },
         "context": {
             "type": "variable",
-            "name": "kendo-dialog-titlebar-padding-x",
-            "value": "map.get( $kendo-spacing, 6 )",
+            "name": "kendo-dock-indicator-outline-style",
+            "value": "solid",
             "scope": "default",
             "line": {
-                "start": 22,
-                "end": 22
+                "start": 90,
+                "end": 90
             }
         },
         "group": [
-            "dialog"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "dialog/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The vertical padding of the Dialog titlebar.\n",
+        "description": "The outline color of the dock indicator in the DockManager component.\n",
         "commentRange": {
-            "start": 23,
-            "end": 24
+            "start": 91,
+            "end": 92
         },
         "context": {
             "type": "variable",
-            "name": "kendo-dialog-titlebar-padding-y",
-            "value": "map.get( $kendo-spacing, 4 )",
+            "name": "kendo-dock-indicator-outline",
+            "value": "$kendo-dock-indicator-text",
             "scope": "default",
             "line": {
-                "start": 25,
-                "end": 25
+                "start": 93,
+                "end": 93
             }
         },
         "group": [
-            "dialog"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "dialog/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The horizontal padding of the content of the Dialog.\n",
+        "description": "The box shadow of the dock indicator in the DockManager component.\n",
         "commentRange": {
-            "start": 27,
-            "end": 28
+            "start": 94,
+            "end": 95
         },
         "context": {
             "type": "variable",
-            "name": "kendo-dialog-inner-padding-x",
-            "value": "map.get( $kendo-spacing, 6 )",
+            "name": "kendo-dock-indicator-shadow",
+            "value": "0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 3px 5px -1px rgba(0, 0, 0, 0.20)",
             "scope": "default",
             "line": {
-                "start": 29,
-                "end": 29
+                "start": 96,
+                "end": 96
             }
         },
         "group": [
-            "dialog"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "dialog/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The vertical padding of the content of the Dialog.\n",
+        "description": " The background color of the hovered dock indicator in the DockManager component.\n",
         "commentRange": {
-            "start": 30,
-            "end": 31
+            "start": 98,
+            "end": 99
         },
         "context": {
             "type": "variable",
-            "name": "kendo-dialog-inner-padding-y",
-            "value": "map.get( $kendo-spacing, 3 )",
+            "name": "kendo-dock-indicator-hover-bg",
+            "value": "k-get-theme-color-var( primary-110 )",
             "scope": "default",
             "line": {
-                "start": 32,
-                "end": 32
+                "start": 100,
+                "end": 100
             }
         },
         "group": [
-            "dialog"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "dialog/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The horizontal padding of the Dialog action buttons.\n",
+        "description": "The text color of the hovered dock indicator in the DockManager component.\n",
         "commentRange": {
-            "start": 34,
-            "end": 35
+            "start": 101,
+            "end": 102
         },
         "context": {
             "type": "variable",
-            "name": "kendo-dialog-buttongroup-padding-x",
-            "value": "map.get( $kendo-spacing, 6 )",
+            "name": "kendo-dock-indicator-hover-text",
+            "value": "$kendo-color-white",
             "scope": "default",
             "line": {
-                "start": 36,
-                "end": 36
+                "start": 103,
+                "end": 103
             }
         },
         "group": [
-            "dialog"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "dialog/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The vertical padding of the Dialog action buttons.\n",
+        "description": "The width of the border around the dropping area in the DockManager component.\n",
         "commentRange": {
-            "start": 37,
-            "end": 38
+            "start": 105,
+            "end": 106
         },
         "context": {
             "type": "variable",
-            "name": "kendo-dialog-buttongroup-padding-y",
-            "value": "map.get( $kendo-spacing, 6 )",
+            "name": "kendo-dock-manager-dock-preview-border-width",
+            "value": "1px",
             "scope": "default",
             "line": {
-                "start": 39,
-                "end": 39
+                "start": 107,
+                "end": 107
             }
         },
         "group": [
-            "dialog"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "dialog/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The width of the top border of the Dialog action buttons.\n",
+        "description": "The style of the border around the dropping area in the DockManager component.\n",
         "commentRange": {
-            "start": 40,
-            "end": 41
+            "start": 108,
+            "end": 109
         },
         "context": {
             "type": "variable",
-            "name": "kendo-dialog-buttongroup-border-width",
-            "value": "0",
+            "name": "kendo-dock-manager-dock-preview-border-style",
+            "value": "dashed",
             "scope": "default",
             "line": {
-                "start": 42,
-                "end": 42
+                "start": 110,
+                "end": 110
             }
         },
         "group": [
-            "dialog"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "dialog/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The spacing between the Dialog action buttons.\n",
+        "description": "The border radius of the dropping area in the DockManager component.\n",
         "commentRange": {
-            "start": 43,
-            "end": 44
+            "start": 111,
+            "end": 112
         },
         "context": {
             "type": "variable",
-            "name": "kendo-dialog-buttongroup-spacing",
-            "value": "map.get( $kendo-spacing, 3 )",
+            "name": "kendo-dock-manager-dock-preview-border-radius",
+            "value": "var( --kendo-border-radius-md, 0)",
             "scope": "default",
             "line": {
-                "start": 45,
-                "end": 45
+                "start": 113,
+                "end": 113
             }
         },
         "group": [
-            "dialog"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "dialog/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The spacing between the Dialog action buttons.\n",
+        "description": "The background color of the dropping area in the DockManager component.\n",
         "commentRange": {
-            "start": 47,
-            "end": 48
+            "start": 114,
+            "end": 115
         },
         "context": {
             "type": "variable",
-            "name": "kendo-dialog-button-spacing",
-            "value": "map.get( $kendo-spacing, 2 )",
+            "name": "kendo-dock-manager-dock-preview-bg",
+            "value": "color-mix(in srgb, k-get-theme-color-var( primary-100 ) 20%, transparent)",
             "scope": "default",
             "line": {
-                "start": 49,
-                "end": 49
+                "start": 116,
+                "end": 116
             }
         },
         "group": [
-            "dialog"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "dialog/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The box shadow around the Dialog.\n",
+        "description": "The border color of the dropping area in the DockManager component.\n",
         "commentRange": {
-            "start": 51,
-            "end": 52
+            "start": 117,
+            "end": 118
         },
         "context": {
             "type": "variable",
-            "name": "kendo-dialog-shadow",
-            "value": "var( --kendo-box-shadow-depth-4, none )",
+            "name": "kendo-dock-manager-dock-preview-border",
+            "value": "k-get-theme-color-var( primary-100 )",
             "scope": "default",
             "line": {
-                "start": 53,
-                "end": 53
+                "start": 119,
+                "end": 119
             }
         },
         "group": [
-            "dialog"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "dialog/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
@@ -19949,6 +20899,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": {
@@ -29932,7 +30907,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,
@@ -40282,7 +41257,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,
@@ -45632,7 +46607,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,
@@ -45649,14 +46624,14 @@
         }
     },
     {
-        "description": "Horizontal padding of the PDF viewer search dialog.\n",
+        "description": "Horizontal padding of the PDF viewer search panel.\n",
         "commentRange": {
             "start": 54,
             "end": 55
         },
         "context": {
             "type": "variable",
-            "name": "kendo-pdf-viewer-search-dialog-padding-x",
+            "name": "kendo-pdf-viewer-search-panel-padding-x",
             "value": "map.get( $kendo-spacing, 3 )",
             "scope": "default",
             "line": {
@@ -45674,15 +46649,15 @@
         }
     },
     {
-        "description": "Vertical padding of the PDF viewer search dialog.\n",
+        "description": "Vertical padding of the PDF viewer search panel.\n",
         "commentRange": {
             "start": 57,
             "end": 58
         },
         "context": {
             "type": "variable",
-            "name": "kendo-pdf-viewer-search-dialog-padding-y",
-            "value": "$kendo-pdf-viewer-search-dialog-padding-x",
+            "name": "kendo-pdf-viewer-search-panel-padding-y",
+            "value": "$kendo-pdf-viewer-search-panel-padding-x",
             "scope": "default",
             "line": {
                 "start": 59,
@@ -45699,14 +46674,14 @@
         }
     },
     {
-        "description": "Spacing of the PDF viewer search dialog.\n",
+        "description": "Spacing of the PDF viewer search panel.\n",
         "commentRange": {
             "start": 60,
             "end": 61
         },
         "context": {
             "type": "variable",
-            "name": "kendo-pdf-viewer-search-dialog-spacing",
+            "name": "kendo-pdf-viewer-search-panel-spacing",
             "value": "map.get( $kendo-spacing, 2 )",
             "scope": "default",
             "line": {
@@ -45726,8 +46701,8 @@
     {
         "description": "Border width of the PDF viewer search panel.\n",
         "commentRange": {
-            "start": 64,
-            "end": 65
+            "start": 63,
+            "end": 64
         },
         "context": {
             "type": "variable",
@@ -45735,8 +46710,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 66,
-                "end": 66
+                "start": 65,
+                "end": 65
             }
         },
         "group": [
@@ -45751,8 +46726,8 @@
     {
         "description": "Border radius of the PDF viewer search panel.\n",
         "commentRange": {
-            "start": 67,
-            "end": 68
+            "start": 66,
+            "end": 67
         },
         "context": {
             "type": "variable",
@@ -45760,8 +46735,8 @@
             "value": "var( --kendo-border-radius-md, #{$kendo-border-radius-md} )",
             "scope": "default",
             "line": {
-                "start": 69,
-                "end": 69
+                "start": 68,
+                "end": 68
             }
         },
         "group": [
@@ -45776,8 +46751,8 @@
     {
         "description": "Background color of the PDF viewer search panel.\n",
         "commentRange": {
-            "start": 70,
-            "end": 71
+            "start": 69,
+            "end": 70
         },
         "context": {
             "type": "variable",
@@ -45785,8 +46760,8 @@
             "value": "var( --kendo-component-bg, inherit )",
             "scope": "default",
             "line": {
-                "start": 72,
-                "end": 72
+                "start": 71,
+                "end": 71
             }
         },
         "group": [
@@ -45801,8 +46776,8 @@
     {
         "description": "Text color of the PDF viewer search panel.\n",
         "commentRange": {
-            "start": 73,
-            "end": 74
+            "start": 72,
+            "end": 73
         },
         "context": {
             "type": "variable",
@@ -45810,8 +46785,8 @@
             "value": "var( --kendo-component-text, inherit )",
             "scope": "default",
             "line": {
-                "start": 75,
-                "end": 75
+                "start": 74,
+                "end": 74
             }
         },
         "group": [
@@ -45826,8 +46801,8 @@
     {
         "description": "Border color of the PDF viewer search panel.\n",
         "commentRange": {
-            "start": 76,
-            "end": 77
+            "start": 75,
+            "end": 76
         },
         "context": {
             "type": "variable",
@@ -45835,8 +46810,8 @@
             "value": "var( --kendo-component-border, inherit )!default",
             "scope": "private",
             "line": {
-                "start": 78,
-                "end": 78
+                "start": 77,
+                "end": 77
             }
         },
         "group": [
@@ -45851,8 +46826,8 @@
     {
         "description": "Shadow of the PDF viewer search panel.\n",
         "commentRange": {
-            "start": 79,
-            "end": 80
+            "start": 78,
+            "end": 79
         },
         "context": {
             "type": "variable",
@@ -45860,8 +46835,8 @@
             "value": "none",
             "scope": "default",
             "line": {
-                "start": 81,
-                "end": 81
+                "start": 80,
+                "end": 80
             }
         },
         "group": [
@@ -45876,8 +46851,8 @@
     {
         "description": "Spacing of the PDF viewer search panel matches container.\n",
         "commentRange": {
-            "start": 82,
-            "end": 83
+            "start": 81,
+            "end": 82
         },
         "context": {
             "type": "variable",
@@ -45885,8 +46860,8 @@
             "value": "var( --kendo-icon-spacing, .5rem )",
             "scope": "default",
             "line": {
-                "start": 84,
-                "end": 84
+                "start": 83,
+                "end": 83
             }
         },
         "group": [
@@ -45901,17 +46876,17 @@
     {
         "description": "Vertical margin of the PDF viewer search panel.\n",
         "commentRange": {
-            "start": 85,
-            "end": 86
+            "start": 84,
+            "end": 85
         },
         "context": {
             "type": "variable",
             "name": "kendo-pdf-viewer-search-panel-margin-y",
-            "value": "calc( ( #{$kendo-button-calc-size} + ( 2 * #{$kendo-pdf-viewer-search-panel-border-width} ) + ( 2 * #{$kendo-pdf-viewer-search-dialog-padding-y} ) ) * -1 )",
+            "value": "calc( ( #{$kendo-button-calc-size} + ( 2 * #{$kendo-pdf-viewer-search-panel-border-width} ) + ( 2 * #{$kendo-pdf-viewer-search-panel-padding-y} ) ) * -1 )",
             "scope": "default",
             "line": {
-                "start": 87,
-                "end": 87
+                "start": 86,
+                "end": 86
             }
         },
         "group": [
@@ -45926,8 +46901,8 @@
     {
         "description": "Line height of the PDF viewer selection.\n",
         "commentRange": {
-            "start": 89,
-            "end": 90
+            "start": 88,
+            "end": 89
         },
         "context": {
             "type": "variable",
@@ -45935,8 +46910,8 @@
             "value": "var( --kendo-line-height-sm, normal )",
             "scope": "default",
             "line": {
-                "start": 91,
-                "end": 91
+                "start": 90,
+                "end": 90
             }
         },
         "group": [
@@ -45951,8 +46926,8 @@
     {
         "description": "Background-color of the PDF viewer highlight.\n",
         "commentRange": {
-            "start": 93,
-            "end": 94
+            "start": 92,
+            "end": 93
         },
         "context": {
             "type": "variable",
@@ -45960,8 +46935,8 @@
             "value": "var( --kendo-component-text, inherit )",
             "scope": "default",
             "line": {
-                "start": 95,
-                "end": 95
+                "start": 94,
+                "end": 94
             }
         },
         "group": [
@@ -45976,8 +46951,8 @@
     {
         "description": "Background-color of the PDF viewer highlight mark.\n",
         "commentRange": {
-            "start": 96,
-            "end": 97
+            "start": 95,
+            "end": 96
         },
         "context": {
             "type": "variable",
@@ -45985,8 +46960,8 @@
             "value": "yellow",
             "scope": "default",
             "line": {
-                "start": 98,
-                "end": 98
+                "start": 97,
+                "end": 97
             }
         },
         "group": [
@@ -46001,8 +46976,8 @@
     {
         "description": "Text color of the PDF viewer icon.\n",
         "commentRange": {
-            "start": 100,
-            "end": 101
+            "start": 99,
+            "end": 100
         },
         "context": {
             "type": "variable",
@@ -46010,8 +46985,8 @@
             "value": "$kendo-dropzone-icon-text",
             "scope": "default",
             "line": {
-                "start": 102,
-                "end": 102
+                "start": 101,
+                "end": 101
             }
         },
         "group": [
@@ -47957,7 +48932,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,
@@ -48682,7 +49657,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,
@@ -52024,44 +52999,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": [
@@ -52076,8 +53026,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",
@@ -52085,8 +53035,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 158,
-                "end": 158
+                "start": 154,
+                "end": 154
             }
         },
         "group": [
@@ -52101,8 +53051,8 @@
     {
         "description": "Background color of the weekends in the scheduler.\n",
         "commentRange": {
-            "start": 160,
-            "end": 161
+            "start": 156,
+            "end": 157
         },
         "context": {
             "type": "variable",
@@ -52110,8 +53060,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 162,
-                "end": 162
+                "start": 158,
+                "end": 158
             }
         },
         "group": [
@@ -52126,8 +53076,8 @@
     {
         "description": "Text color of the weekends in the scheduler.\n",
         "commentRange": {
-            "start": 163,
-            "end": 164
+            "start": 159,
+            "end": 160
         },
         "context": {
             "type": "variable",
@@ -52135,8 +53085,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 165,
-                "end": 165
+                "start": 161,
+                "end": 161
             }
         },
         "group": [
@@ -52151,8 +53101,8 @@
     {
         "description": "Background color of the other months in the scheduler.\n",
         "commentRange": {
-            "start": 167,
-            "end": 168
+            "start": 163,
+            "end": 164
         },
         "context": {
             "type": "variable",
@@ -52160,8 +53110,8 @@
             "value": "k-get-theme-color-var( neutral-10 )",
             "scope": "default",
             "line": {
-                "start": 169,
-                "end": 169
+                "start": 165,
+                "end": 165
             }
         },
         "group": [
@@ -52176,8 +53126,8 @@
     {
         "description": "Text color of the other months in the scheduler.\n",
         "commentRange": {
-            "start": 170,
-            "end": 171
+            "start": 166,
+            "end": 167
         },
         "context": {
             "type": "variable",
@@ -52185,8 +53135,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 172,
-                "end": 172
+                "start": 168,
+                "end": 168
             }
         },
         "group": [
@@ -52201,8 +53151,8 @@
     {
         "description": "Horizontal padding of the scheduler year view.\n",
         "commentRange": {
-            "start": 174,
-            "end": 175
+            "start": 170,
+            "end": 171
         },
         "context": {
             "type": "variable",
@@ -52210,8 +53160,8 @@
             "value": "map.get( $kendo-spacing, 3 )",
             "scope": "default",
             "line": {
-                "start": 176,
-                "end": 176
+                "start": 172,
+                "end": 172
             }
         },
         "group": [
@@ -52226,8 +53176,8 @@
     {
         "description": "Vertical padding of the scheduler year view.\n",
         "commentRange": {
-            "start": 177,
-            "end": 178
+            "start": 173,
+            "end": 174
         },
         "context": {
             "type": "variable",
@@ -52235,8 +53185,8 @@
             "value": "$kendo-scheduler-yearview-padding-x",
             "scope": "default",
             "line": {
-                "start": 179,
-                "end": 179
+                "start": 175,
+                "end": 175
             }
         },
         "group": [
@@ -52251,8 +53201,8 @@
     {
         "description": "Spacing between the calendars in the scheduler year view.\n",
         "commentRange": {
-            "start": 181,
-            "end": 182
+            "start": 177,
+            "end": 178
         },
         "context": {
             "type": "variable",
@@ -52260,8 +53210,8 @@
             "value": "map.get( $kendo-spacing, 3 )",
             "scope": "default",
             "line": {
-                "start": 183,
-                "end": 183
+                "start": 179,
+                "end": 179
             }
         },
         "group": [
@@ -52276,8 +53226,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",
@@ -52285,8 +53235,8 @@
             "value": "3px",
             "scope": "default",
             "line": {
-                "start": 187,
-                "end": 187
+                "start": 183,
+                "end": 183
             }
         },
         "group": [
@@ -52301,8 +53251,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",
@@ -52310,8 +53260,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": [
@@ -52326,8 +53276,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",
@@ -52335,8 +53285,8 @@
             "value": "calc( 50% - (#{$kendo-scheduler-yearview-indicator-size} / 2) )",
             "scope": "default",
             "line": {
-                "start": 193,
-                "end": 193
+                "start": 189,
+                "end": 189
             }
         },
         "group": [
@@ -52351,8 +53301,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",
@@ -52360,8 +53310,8 @@
             "value": "50%",
             "scope": "default",
             "line": {
-                "start": 196,
-                "end": 196
+                "start": 192,
+                "end": 192
             }
         },
         "group": [
@@ -52376,8 +53326,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",
@@ -52385,8 +53335,8 @@
             "value": "k-get-theme-color-var( primary-100 )",
             "scope": "default",
             "line": {
-                "start": 199,
-                "end": 199
+                "start": 195,
+                "end": 195
             }
         },
         "group": [
@@ -52401,8 +53351,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",
@@ -52410,8 +53360,8 @@
             "value": "$kendo-color-white",
             "scope": "default",
             "line": {
-                "start": 202,
-                "end": 202
+                "start": 198,
+                "end": 198
             }
         },
         "group": [
@@ -52426,8 +53376,8 @@
     {
         "description": "Horizontal padding of the scheduler tooltip.\n",
         "commentRange": {
-            "start": 204,
-            "end": 205
+            "start": 200,
+            "end": 201
         },
         "context": {
             "type": "variable",
@@ -52435,8 +53385,8 @@
             "value": "map.get( $kendo-spacing, 2 )",
             "scope": "default",
             "line": {
-                "start": 206,
-                "end": 206
+                "start": 202,
+                "end": 202
             }
         },
         "group": [
@@ -52451,8 +53401,8 @@
     {
         "description": "Vertical padding of the scheduler tooltip.\n",
         "commentRange": {
-            "start": 207,
-            "end": 208
+            "start": 203,
+            "end": 204
         },
         "context": {
             "type": "variable",
@@ -52460,8 +53410,8 @@
             "value": "$kendo-scheduler-tooltip-padding-x",
             "scope": "default",
             "line": {
-                "start": 209,
-                "end": 209
+                "start": 205,
+                "end": 205
             }
         },
         "group": [
@@ -52476,8 +53426,8 @@
     {
         "description": "Width of the border of the scheduler tooltip.\n",
         "commentRange": {
-            "start": 210,
-            "end": 211
+            "start": 206,
+            "end": 207
         },
         "context": {
             "type": "variable",
@@ -52485,8 +53435,8 @@
             "value": "0",
             "scope": "default",
             "line": {
-                "start": 212,
-                "end": 212
+                "start": 208,
+                "end": 208
             }
         },
         "group": [
@@ -52501,8 +53451,8 @@
     {
         "description": "Background color of the scheduler tooltip.\n",
         "commentRange": {
-            "start": 213,
-            "end": 214
+            "start": 209,
+            "end": 210
         },
         "context": {
             "type": "variable",
@@ -52510,8 +53460,8 @@
             "value": "$kendo-color-white",
             "scope": "default",
             "line": {
-                "start": 215,
-                "end": 215
+                "start": 211,
+                "end": 211
             }
         },
         "group": [
@@ -52526,8 +53476,8 @@
     {
         "description": "Text color of the scheduler tooltip.\n",
         "commentRange": {
-            "start": 216,
-            "end": 217
+            "start": 212,
+            "end": 213
         },
         "context": {
             "type": "variable",
@@ -52535,8 +53485,8 @@
             "value": "k-get-theme-color-var( neutral-130 )",
             "scope": "default",
             "line": {
-                "start": 218,
-                "end": 218
+                "start": 214,
+                "end": 214
             }
         },
         "group": [
@@ -52551,8 +53501,8 @@
     {
         "description": "Border color of the scheduler tooltip.\n",
         "commentRange": {
-            "start": 219,
-            "end": 220
+            "start": 215,
+            "end": 216
         },
         "context": {
             "type": "variable",
@@ -52560,8 +53510,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 221,
-                "end": 221
+                "start": 217,
+                "end": 217
             }
         },
         "group": [
@@ -52576,17 +53526,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": [
@@ -52601,8 +53551,8 @@
     {
         "description": "Vertical spacing of the scheduler tooltip title.\n",
         "commentRange": {
-            "start": 226,
-            "end": 227
+            "start": 222,
+            "end": 223
         },
         "context": {
             "type": "variable",
@@ -52610,8 +53560,8 @@
             "value": "map.get( $kendo-spacing, 3 )",
             "scope": "default",
             "line": {
-                "start": 228,
-                "end": 228
+                "start": 224,
+                "end": 224
             }
         },
         "group": [
@@ -52626,8 +53576,8 @@
     {
         "description": "Font size of the month inside the scheduler tooltip.\n",
         "commentRange": {
-            "start": 229,
-            "end": 230
+            "start": 225,
+            "end": 226
         },
         "context": {
             "type": "variable",
@@ -52635,8 +53585,8 @@
             "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
-                "start": 231,
-                "end": 231
+                "start": 227,
+                "end": 227
             }
         },
         "group": [
@@ -52651,8 +53601,8 @@
     {
         "description": "Font size of the day inside the scheduler tooltip.\n",
         "commentRange": {
-            "start": 232,
-            "end": 233
+            "start": 228,
+            "end": 229
         },
         "context": {
             "type": "variable",
@@ -52660,8 +53610,8 @@
             "value": "calc( $kendo-scheduler-tooltip-month-font-size * 2 )",
             "scope": "default",
             "line": {
-                "start": 234,
-                "end": 234
+                "start": 230,
+                "end": 230
             }
         },
         "group": [
@@ -52676,8 +53626,8 @@
     {
         "description": "Max height of the events inside the scheduler tooltip.\n",
         "commentRange": {
-            "start": 236,
-            "end": 237
+            "start": 232,
+            "end": 233
         },
         "context": {
             "type": "variable",
@@ -52685,8 +53635,8 @@
             "value": "250px",
             "scope": "default",
             "line": {
-                "start": 238,
-                "end": 238
+                "start": 234,
+                "end": 234
             }
         },
         "group": [
@@ -52701,8 +53651,8 @@
     {
         "description": "Spacing between the events inside the scheduler tooltip.\n",
         "commentRange": {
-            "start": 239,
-            "end": 240
+            "start": 235,
+            "end": 236
         },
         "context": {
             "type": "variable",
@@ -52710,8 +53660,8 @@
             "value": "map.get( $kendo-spacing, 2 )",
             "scope": "default",
             "line": {
-                "start": 241,
-                "end": 241
+                "start": 237,
+                "end": 237
             }
         },
         "group": [
@@ -52726,8 +53676,8 @@
     {
         "description": "Horizontal padding of the events inside the scheduler tooltip.\n",
         "commentRange": {
-            "start": 243,
-            "end": 244
+            "start": 239,
+            "end": 240
         },
         "context": {
             "type": "variable",
@@ -52735,8 +53685,8 @@
             "value": "$kendo-scheduler-event-padding-x",
             "scope": "default",
             "line": {
-                "start": 245,
-                "end": 245
+                "start": 241,
+                "end": 241
             }
         },
         "group": [
@@ -52751,8 +53701,8 @@
     {
         "description": "Vertical padding of the events inside the scheduler tooltip.\n",
         "commentRange": {
-            "start": 246,
-            "end": 247
+            "start": 242,
+            "end": 243
         },
         "context": {
             "type": "variable",
@@ -52760,8 +53710,8 @@
             "value": "$kendo-scheduler-event-padding-y",
             "scope": "default",
             "line": {
-                "start": 248,
-                "end": 248
+                "start": 244,
+                "end": 244
             }
         },
         "group": [
@@ -52776,8 +53726,8 @@
     {
         "description": "Border radius of the events inside the scheduler tooltip.\n",
         "commentRange": {
-            "start": 249,
-            "end": 250
+            "start": 245,
+            "end": 246
         },
         "context": {
             "type": "variable",
@@ -52785,8 +53735,8 @@
             "value": "$kendo-scheduler-event-border-radius",
             "scope": "default",
             "line": {
-                "start": 251,
-                "end": 251
+                "start": 247,
+                "end": 247
             }
         },
         "group": [
@@ -52801,8 +53751,8 @@
     {
         "description": "Spacing between the events items inside the scheduler tooltip.\n",
         "commentRange": {
-            "start": 252,
-            "end": 253
+            "start": 248,
+            "end": 249
         },
         "context": {
             "type": "variable",
@@ -52810,8 +53760,8 @@
             "value": "map.get( $kendo-spacing, 0.5 )",
             "scope": "default",
             "line": {
-                "start": 254,
-                "end": 254
+                "start": 250,
+                "end": 250
             }
         },
         "group": [
@@ -52826,8 +53776,8 @@
     {
         "description": "Color of the scheduler tooltip callout.\n",
         "commentRange": {
-            "start": 256,
-            "end": 257
+            "start": 252,
+            "end": 253
         },
         "context": {
             "type": "variable",
@@ -52835,8 +53785,8 @@
             "value": "$kendo-scheduler-tooltip-bg",
             "scope": "default",
             "line": {
-                "start": 258,
-                "end": 258
+                "start": 254,
+                "end": 254
             }
         },
         "group": [
@@ -52851,8 +53801,8 @@
     {
         "description": "Width of the scheduler resize handle.\n",
         "commentRange": {
-            "start": 260,
-            "end": 261
+            "start": 256,
+            "end": 257
         },
         "context": {
             "type": "variable",
@@ -52860,8 +53810,8 @@
             "value": "2em",
             "scope": "default",
             "line": {
-                "start": 262,
-                "end": 262
+                "start": 258,
+                "end": 258
             }
         },
         "group": [
@@ -52876,8 +53826,8 @@
     {
         "description": "Height of the scheduler more events button.\n",
         "commentRange": {
-            "start": 264,
-            "end": 265
+            "start": 260,
+            "end": 261
         },
         "context": {
             "type": "variable",
@@ -52885,8 +53835,8 @@
             "value": "13px",
             "scope": "default",
             "line": {
-                "start": 266,
-                "end": 266
+                "start": 262,
+                "end": 262
             }
         },
         "group": [
@@ -52901,8 +53851,8 @@
     {
         "description": "Color of the scheduler marquee.\n",
         "commentRange": {
-            "start": 268,
-            "end": 269
+            "start": 264,
+            "end": 265
         },
         "context": {
             "type": "variable",
@@ -52910,8 +53860,8 @@
             "value": "k-get-theme-color-var( primary-100 )",
             "scope": "default",
             "line": {
-                "start": 270,
-                "end": 270
+                "start": 266,
+                "end": 266
             }
         },
         "group": [
@@ -64905,7 +65855,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,
@@ -66755,7 +67705,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,
@@ -68455,7 +69405,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,
@@ -70096,6 +71046,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": {
@@ -71530,7 +72714,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,
@@ -71555,7 +72739,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,