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

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

@@ -358,7 +358,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-appbar-box-shadow",
-            "value": "0px 1px 1px rgba( black, .16 )",
+            "value": "k-elevation(4)",
             "scope": "default",
             "line": {
                 "start": 51,
@@ -383,7 +383,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-appbar-bottom-box-shadow",
-            "value": "0px -1px 1px rgba( black, .16 )",
+            "value": "k-elevation(4)",
             "scope": "default",
             "line": {
                 "start": 54,
@@ -1508,7 +1508,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-bottom-nav-shadow",
-            "value": "0px 0px 5px rgba( black, .12 )",
+            "value": "k-elevation(4)",
             "scope": "default",
             "line": {
                 "start": 52,
@@ -7675,15 +7675,15 @@
         }
     },
     {
-        "description": "The border radius of the ColorGradient canvas drag handle.\n",
+        "description": "The width of the outline around the ColorGradient canvas drag handle.\n",
         "commentRange": {
             "start": 89,
             "end": 90
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-draghandle-border-radius",
-            "value": "50%",
+            "name": "kendo-color-gradient-draghandle-outline-width",
+            "value": "1px",
             "scope": "default",
             "line": {
                 "start": 91,
@@ -7700,15 +7700,15 @@
         }
     },
     {
-        "description": "The text color of the ColorGradient canvas drag handle.\n",
+        "description": "The border radius of the ColorGradient canvas drag handle.\n",
         "commentRange": {
             "start": 92,
             "end": 93
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-draghandle-text",
-            "value": "null",
+            "name": "kendo-color-gradient-draghandle-border-radius",
+            "value": "50%",
             "scope": "default",
             "line": {
                 "start": 94,
@@ -7725,15 +7725,15 @@
         }
     },
     {
-        "description": "The background color of the ColorGradient canvas drag handle.\n",
+        "description": "The text color of the ColorGradient canvas drag handle.\n",
         "commentRange": {
             "start": 95,
             "end": 96
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-draghandle-bg",
-            "value": "transparent",
+            "name": "kendo-color-gradient-draghandle-text",
+            "value": "null",
             "scope": "default",
             "line": {
                 "start": 97,
@@ -7750,15 +7750,15 @@
         }
     },
     {
-        "description": "The color of the border around the ColorGradient canvas drag handle.\n",
+        "description": "The background color of the ColorGradient canvas drag handle.\n",
         "commentRange": {
             "start": 98,
             "end": 99
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-draghandle-border",
-            "value": "rgba( white, .8)",
+            "name": "kendo-color-gradient-draghandle-bg",
+            "value": "transparent",
             "scope": "default",
             "line": {
                 "start": 100,
@@ -7775,15 +7775,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": 101,
             "end": 102
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-draghandle-shadow",
-            "value": "0 1px 4px rgba( black, .5 )",
+            "name": "kendo-color-gradient-draghandle-border",
+            "value": "rgba( $kendo-color-white, .8)",
             "scope": "default",
             "line": {
                 "start": 103,
@@ -7800,15 +7800,15 @@
         }
     },
     {
-        "description": "The box shadow of the focused ColorGradient canvas drag handle.\n",
+        "description": "The color of the outline around the ColorGradient canvas drag handle.\n",
         "commentRange": {
             "start": 104,
             "end": 105
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-draghandle-focus-shadow",
-            "value": "0 1px 4px black",
+            "name": "kendo-color-gradient-draghandle-shadow",
+            "value": "rgba( $kendo-color-black, .5)",
             "scope": "default",
             "line": {
                 "start": 106,
@@ -7825,15 +7825,15 @@
         }
     },
     {
-        "description": "The box shadow of the hovered ColorGradient canvas drag handle.\n",
+        "description": "The focus color of the outline around the ColorGradient canvas drag handle.\n",
         "commentRange": {
             "start": 107,
             "end": 108
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-draghandle-hover-shadow",
-            "value": "$kendo-color-gradient-draghandle-focus-shadow",
+            "name": "kendo-color-gradient-draghandle-focus-shadow",
+            "value": "$kendo-color-black",
             "scope": "default",
             "line": {
                 "start": 109,
@@ -7849,11 +7849,61 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The outline color of the outline around the ColorGradient canvas drag handle.\n",
+        "commentRange": {
+            "start": 110,
+            "end": 111
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-gradient-draghandle-hover-shadow",
+            "value": "$kendo-color-black",
+            "scope": "default",
+            "line": {
+                "start": 112,
+                "end": 112
+            }
+        },
+        "group": [
+            "cologradient"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorgradient/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The box shadow of the ColorGradient canvas drag handle.\n",
+        "commentRange": {
+            "start": 113,
+            "end": 114
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-color-gradient-draghandle-shadow",
+            "value": "k-elevation(2)",
+            "scope": "default",
+            "line": {
+                "start": 115,
+                "end": 115
+            }
+        },
+        "group": [
+            "cologradient"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorgradient/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The vertical margin of the ColorGradient canvas drag handle.\n",
         "commentRange": {
-            "start": 111,
-            "end": 112
+            "start": 117,
+            "end": 118
         },
         "context": {
             "type": "variable",
@@ -7861,8 +7911,8 @@
             "value": "- k-math-div( $kendo-color-gradient-draghandle-height, 2 )",
             "scope": "default",
             "line": {
-                "start": 113,
-                "end": 113
+                "start": 119,
+                "end": 119
             }
         },
         "group": [
@@ -7877,8 +7927,8 @@
     {
         "description": "The horizontal margin of the ColorGradient canvas drag handle.\n",
         "commentRange": {
-            "start": 114,
-            "end": 115
+            "start": 120,
+            "end": 121
         },
         "context": {
             "type": "variable",
@@ -7886,8 +7936,8 @@
             "value": "- k-math-div( $kendo-color-gradient-draghandle-width, 2 )",
             "scope": "default",
             "line": {
-                "start": 116,
-                "end": 116
+                "start": 122,
+                "end": 122
             }
         },
         "group": [
@@ -7902,8 +7952,8 @@
     {
         "description": "The width of the ColorGradient input.\n",
         "commentRange": {
-            "start": 118,
-            "end": 119
+            "start": 124,
+            "end": 125
         },
         "context": {
             "type": "variable",
@@ -7911,8 +7961,8 @@
             "value": "56px",
             "scope": "default",
             "line": {
-                "start": 120,
-                "end": 120
+                "start": 126,
+                "end": 126
             }
         },
         "group": [
@@ -7927,8 +7977,8 @@
     {
         "description": "The spacing between the ColorGradient inputs.\n",
         "commentRange": {
-            "start": 121,
-            "end": 122
+            "start": 127,
+            "end": 128
         },
         "context": {
             "type": "variable",
@@ -7936,8 +7986,8 @@
             "value": "k-math-div( $kendo-color-gradient-spacer, 2 )",
             "scope": "default",
             "line": {
-                "start": 123,
-                "end": 123
+                "start": 129,
+                "end": 129
             }
         },
         "group": [
@@ -7952,8 +8002,8 @@
     {
         "description": "The spacing between the ColorGradient inputs and their labels.\n",
         "commentRange": {
-            "start": 124,
-            "end": 125
+            "start": 130,
+            "end": 131
         },
         "context": {
             "type": "variable",
@@ -7961,8 +8011,8 @@
             "value": "k-map-get( $kendo-spacing, 1 )",
             "scope": "default",
             "line": {
-                "start": 126,
-                "end": 126
+                "start": 132,
+                "end": 132
             }
         },
         "group": [
@@ -7977,8 +8027,8 @@
     {
         "description": "The text color of the ColorGradient input labels.\n",
         "commentRange": {
-            "start": 127,
-            "end": 128
+            "start": 133,
+            "end": 134
         },
         "context": {
             "type": "variable",
@@ -7986,8 +8036,8 @@
             "value": "$kendo-subtle-text",
             "scope": "default",
             "line": {
-                "start": 129,
-                "end": 129
+                "start": 135,
+                "end": 135
             }
         },
         "group": [
@@ -8002,8 +8052,8 @@
     {
         "description": "The font weight of the ColorGradient contrast ratio text.\n",
         "commentRange": {
-            "start": 131,
-            "end": 132
+            "start": 137,
+            "end": 138
         },
         "context": {
             "type": "variable",
@@ -8011,8 +8061,8 @@
             "value": "$kendo-font-weight-bold",
             "scope": "default",
             "line": {
-                "start": 133,
-                "end": 133
+                "start": 139,
+                "end": 139
             }
         },
         "group": [
@@ -8027,8 +8077,8 @@
     {
         "description": "The spacing between the items in the ColorGradient contrast tool.\n",
         "commentRange": {
-            "start": 134,
-            "end": 135
+            "start": 140,
+            "end": 141
         },
         "context": {
             "type": "variable",
@@ -8036,8 +8086,8 @@
             "value": "k-math-div( $kendo-color-gradient-spacer, 2 )",
             "scope": "default",
             "line": {
-                "start": 136,
-                "end": 136
+                "start": 142,
+                "end": 142
             }
         },
         "group": [
@@ -9514,214 +9564,1089 @@
         }
     },
     {
-        "description": "The horizontal padding of the DropdownTree popup\n",
+        "description": " The width of the border around the DockManager component.\n",
         "commentRange": {
-            "start": 3,
-            "end": 4
+            "start": 1,
+            "end": 2
         },
         "context": {
             "type": "variable",
-            "name": "kendo-dropdowntree-popup-padding-x",
-            "value": "k-map-get( $kendo-spacing, 2 )",
+            "name": "kendo-dock-manager-border-width",
+            "value": "1px",
             "scope": "default",
             "line": {
-                "start": 5,
-                "end": 5
+                "start": 3,
+                "end": 3
             }
         },
         "group": [
-            "dropdowntree"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "dropdowntree/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The vertical padding of the DropdownTree popup\n",
+        "description": "The style of the border around the DockManager component.\n",
         "commentRange": {
-            "start": 6,
-            "end": 7
+            "start": 4,
+            "end": 5
         },
         "context": {
             "type": "variable",
-            "name": "kendo-dropdowntree-popup-padding-y",
-            "value": "k-map-get( $kendo-spacing, 2 )",
+            "name": "kendo-dock-manager-border-style",
+            "value": "solid",
             "scope": "default",
             "line": {
-                "start": 8,
-                "end": 8
+                "start": 6,
+                "end": 6
             }
         },
         "group": [
-            "dropdowntree"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "dropdowntree/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The width of the border around the Еditor.\n",
+        "description": "The color of the border around the DockManager component.\n",
         "commentRange": {
-            "start": 3,
-            "end": 4
+            "start": 7,
+            "end": 8
         },
         "context": {
             "type": "variable",
-            "name": "kendo-editor-border-width",
-            "value": "1px",
+            "name": "kendo-dock-manager-border",
+            "value": "$kendo-base-border",
             "scope": "default",
             "line": {
-                "start": 5,
-                "end": 5
+                "start": 9,
+                "end": 9
             }
         },
         "group": [
-            "editor"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "editor/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The font family of the Еditor.\n",
+        "description": "The vertical padding of the pane header in the DockManager component.\n",
         "commentRange": {
-            "start": 6,
-            "end": 7
+            "start": 11,
+            "end": 12
         },
         "context": {
             "type": "variable",
-            "name": "kendo-editor-font-family",
-            "value": "$kendo-font-family",
+            "name": "kendo-dock-manager-pane-header-padding-y",
+            "value": "k-map-get( $kendo-spacing, 2 )",
             "scope": "default",
             "line": {
-                "start": 8,
-                "end": 8
+                "start": 13,
+                "end": 13
             }
         },
         "group": [
-            "editor"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "editor/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The font size of the Еditor.\n",
+        "description": "The horizontal padding of the pane header in the DockManager component.\n",
         "commentRange": {
-            "start": 9,
-            "end": 10
+            "start": 14,
+            "end": 15
         },
         "context": {
             "type": "variable",
-            "name": "kendo-editor-font-size",
-            "value": "$kendo-font-size-md",
+            "name": "kendo-dock-manager-pane-header-padding-x",
+            "value": "k-map-get( $kendo-spacing, 4 )",
             "scope": "default",
             "line": {
-                "start": 11,
-                "end": 11
+                "start": 16,
+                "end": 16
             }
         },
         "group": [
-            "editor"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "editor/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The line height of the Еditor.\n",
+        "description": "The width of the border around the pane header in the DockManager component.\n",
         "commentRange": {
-            "start": 12,
-            "end": 13
+            "start": 17,
+            "end": 18
         },
         "context": {
             "type": "variable",
-            "name": "kendo-editor-line-height",
-            "value": "$kendo-line-height-md",
+            "name": "kendo-dock-manager-pane-header-border-width",
+            "value": "$kendo-dock-manager-border-width",
             "scope": "default",
             "line": {
-                "start": 14,
-                "end": 14
+                "start": 19,
+                "end": 19
             }
         },
         "group": [
-            "editor"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "editor/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The text color of the Еditor placeholder.\n",
+        "description": " The style of the border around the pane header in the DockManager component.\n",
         "commentRange": {
-            "start": 16,
-            "end": 17
+            "start": 20,
+            "end": 21
         },
         "context": {
             "type": "variable",
-            "name": "kendo-editor-placeholder-text",
-            "value": "$kendo-input-placeholder-text",
+            "name": "kendo-dock-manager-pane-header-border-style",
+            "value": "solid",
             "scope": "default",
             "line": {
-                "start": 18,
-                "end": 18
+                "start": 22,
+                "end": 22
             }
         },
         "group": [
-            "editor"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "editor/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The opacity of the Editor placeholder.\n",
+        "description": "The background color of the pane header in the DockManager component.\n",
         "commentRange": {
-            "start": 19,
-            "end": 20
+            "start": 23,
+            "end": 24
         },
         "context": {
             "type": "variable",
-            "name": "kendo-editor-placeholder-opacity",
-            "value": "$kendo-input-placeholder-opacity",
+            "name": "kendo-dock-manager-pane-header-bg",
+            "value": "$kendo-component-bg",
             "scope": "default",
             "line": {
-                "start": 21,
-                "end": 21
+                "start": 25,
+                "end": 25
             }
         },
         "group": [
-            "editor"
+            "dock-manager"
         ],
         "access": "public",
         "file": {
-            "path": "editor/_variables.scss",
+            "path": "dock-manager/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The selected text color of the Editor.\n",
+        "description": "The vertical padding of the pane title in the DockManager component.\n",
         "commentRange": {
-            "start": 23,
-            "end": 24
+            "start": 27,
+            "end": 28
         },
         "context": {
             "type": "variable",
-            "name": "kendo-editor-selected-text",
+            "name": "kendo-dock-manager-pane-title-padding-y",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 29,
+                "end": 29
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the pane title in the DockManager component.\n",
+        "commentRange": {
+            "start": 30,
+            "end": 31
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-pane-title-padding-x",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 32,
+                "end": 32
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font family of the pane title in the DockManager component.\n",
+        "commentRange": {
+            "start": 33,
+            "end": 34
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-pane-title-font-family",
+            "value": "$kendo-font-family",
+            "scope": "default",
+            "line": {
+                "start": 35,
+                "end": 35
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the pane title in the DockManager component.\n",
+        "commentRange": {
+            "start": 36,
+            "end": 37
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-pane-title-font-size",
+            "value": "$kendo-font-size-lg",
+            "scope": "default",
+            "line": {
+                "start": 38,
+                "end": 38
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the pane title in the DockManager component.\n",
+        "commentRange": {
+            "start": 39,
+            "end": 40
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-pane-title-line-height",
+            "value": "$kendo-line-height-sm",
+            "scope": "default",
+            "line": {
+                "start": 41,
+                "end": 41
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font weight of the pane title in the DockManager component.\n",
+        "commentRange": {
+            "start": 42,
+            "end": 43
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-pane-title-font-weight",
+            "value": "$kendo-font-weight-normal",
+            "scope": "default",
+            "line": {
+                "start": 44,
+                "end": 44
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the pane content in the DockManager component.\n",
+        "commentRange": {
+            "start": 46,
+            "end": 47
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-pane-content-padding-x",
+            "value": "$kendo-dock-manager-pane-header-padding-x",
+            "scope": "default",
+            "line": {
+                "start": 48,
+                "end": 48
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the pane content in the DockManager component.\n",
+        "commentRange": {
+            "start": 49,
+            "end": 50
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-pane-content-padding-y",
+            "value": "k-map-get( $kendo-spacing, 2 )",
+            "scope": "default",
+            "line": {
+                "start": 51,
+                "end": 51
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the tabbed pane in the DockManager component.\n",
+        "commentRange": {
+            "start": 53,
+            "end": 54
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-tabbed-pane-padding-y",
+            "value": "k-map-get( $kendo-spacing, 3.5 )",
+            "scope": "default",
+            "line": {
+                "start": 55,
+                "end": 55
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the tabbed pane in the DockManager component.\n",
+        "commentRange": {
+            "start": 56,
+            "end": 57
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-tabbed-pane-padding-x",
+            "value": "$kendo-dock-manager-pane-content-padding-y",
+            "scope": "default",
+            "line": {
+                "start": 58,
+                "end": 58
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The width of the unpinned pane container in the DockManager component.\n",
+        "commentRange": {
+            "start": 60,
+            "end": 61
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-unpinned-container-width",
+            "value": "300px",
+            "scope": "default",
+            "line": {
+                "start": 62,
+                "end": 62
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background-color of the unpinned pane container in the DockManager component.\n",
+        "commentRange": {
+            "start": 63,
+            "end": 64
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-unpinned-container-bg",
+            "value": "$kendo-component-bg",
+            "scope": "default",
+            "line": {
+                "start": 65,
+                "end": 65
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The box shadow of the unpinned pane container in the DockManager component.\n",
+        "commentRange": {
+            "start": 66,
+            "end": 67
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-unpinned-container-shadow",
+            "value": "4px 0px 5px 0px rgba(0, 0, 0, 0.04), 2px 0px 4px 0px rgba(0, 0, 0, 0.03)",
+            "scope": "default",
+            "line": {
+                "start": 68,
+                "end": 68
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The padding of the dock indicator in the DockManager component.\n",
+        "commentRange": {
+            "start": 70,
+            "end": 71
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-indicator-padding",
+            "value": "k-map-get( $kendo-spacing, 1.5 )",
+            "scope": "default",
+            "line": {
+                "start": 72,
+                "end": 72
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the dock indicator in the DockManager component.\n",
+        "commentRange": {
+            "start": 73,
+            "end": 74
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-indicator-bg",
+            "value": "$kendo-component-bg",
+            "scope": "default",
+            "line": {
+                "start": 75,
+                "end": 75
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the dock indicator in the DockManager component.\n",
+        "commentRange": {
+            "start": 76,
+            "end": 77
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-indicator-text",
+            "value": "$kendo-color-primary",
+            "scope": "default",
+            "line": {
+                "start": 78,
+                "end": 78
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The outline width of the dock indicator in the DockManager component.\n",
+        "commentRange": {
+            "start": 79,
+            "end": 80
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-indicator-outline-width",
+            "value": "1px",
+            "scope": "default",
+            "line": {
+                "start": 81,
+                "end": 81
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The outline style of the dock indicator in the DockManager component.\n",
+        "commentRange": {
+            "start": 82,
+            "end": 83
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-indicator-outline-style",
+            "value": "solid",
+            "scope": "default",
+            "line": {
+                "start": 84,
+                "end": 84
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The outline color of the dock indicator in the DockManager component.\n",
+        "commentRange": {
+            "start": 85,
+            "end": 86
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-indicator-outline",
+            "value": "$kendo-dock-indicator-text",
+            "scope": "default",
+            "line": {
+                "start": 87,
+                "end": 87
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The box shadow of the dock indicator in the DockManager component.\n",
+        "commentRange": {
+            "start": 88,
+            "end": 89
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-indicator-shadow",
+            "value": "drop-shadow( 0px 1px 18px rgba(0, 0, 0, 0.12) ) drop-shadow( 0px 6px 10px rgba(0, 0, 0, 0.14) ) drop-shadow( 0px 3px 5px rgba(0, 0, 0, 0.20) )",
+            "scope": "default",
+            "line": {
+                "start": 90,
+                "end": 90
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": " The background color of the hovered dock indicator in the DockManager component.\n",
+        "commentRange": {
+            "start": 92,
+            "end": 93
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-indicator-hover-bg",
+            "value": "$kendo-color-primary",
+            "scope": "default",
+            "line": {
+                "start": 94,
+                "end": 94
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the hovered dock indicator in the DockManager component.\n",
+        "commentRange": {
+            "start": 95,
+            "end": 96
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-indicator-hover-text",
+            "value": "$kendo-color-white",
+            "scope": "default",
+            "line": {
+                "start": 97,
+                "end": 97
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The width of the border around the dropping area in the DockManager component.\n",
+        "commentRange": {
+            "start": 99,
+            "end": 100
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-dock-preview-border-width",
+            "value": "1px",
+            "scope": "default",
+            "line": {
+                "start": 101,
+                "end": 101
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The style of the border around the dropping area in the DockManager component.\n",
+        "commentRange": {
+            "start": 102,
+            "end": 103
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-dock-preview-border-style",
+            "value": "dashed",
+            "scope": "default",
+            "line": {
+                "start": 104,
+                "end": 104
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border radius of the dropping area in the DockManager component.\n",
+        "commentRange": {
+            "start": 105,
+            "end": 106
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-dock-preview-border-radius",
+            "value": "$kendo-border-radius-sm",
+            "scope": "default",
+            "line": {
+                "start": 107,
+                "end": 107
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the dropping area in the DockManager component.\n",
+        "commentRange": {
+            "start": 108,
+            "end": 109
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-dock-preview-bg",
+            "value": "rgba( $kendo-color-primary, .16 )",
+            "scope": "default",
+            "line": {
+                "start": 110,
+                "end": 110
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the dropping area in the DockManager component.\n",
+        "commentRange": {
+            "start": 111,
+            "end": 112
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-dock-preview-border",
+            "value": "$kendo-color-primary",
+            "scope": "default",
+            "line": {
+                "start": 113,
+                "end": 113
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the DropdownTree popup\n",
+        "commentRange": {
+            "start": 3,
+            "end": 4
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dropdowntree-popup-padding-x",
+            "value": "k-map-get( $kendo-spacing, 2 )",
+            "scope": "default",
+            "line": {
+                "start": 5,
+                "end": 5
+            }
+        },
+        "group": [
+            "dropdowntree"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dropdowntree/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the DropdownTree popup\n",
+        "commentRange": {
+            "start": 6,
+            "end": 7
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dropdowntree-popup-padding-y",
+            "value": "k-map-get( $kendo-spacing, 2 )",
+            "scope": "default",
+            "line": {
+                "start": 8,
+                "end": 8
+            }
+        },
+        "group": [
+            "dropdowntree"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dropdowntree/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The width of the border around the Еditor.\n",
+        "commentRange": {
+            "start": 3,
+            "end": 4
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-editor-border-width",
+            "value": "1px",
+            "scope": "default",
+            "line": {
+                "start": 5,
+                "end": 5
+            }
+        },
+        "group": [
+            "editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "editor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font family of the Еditor.\n",
+        "commentRange": {
+            "start": 6,
+            "end": 7
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-editor-font-family",
+            "value": "$kendo-font-family",
+            "scope": "default",
+            "line": {
+                "start": 8,
+                "end": 8
+            }
+        },
+        "group": [
+            "editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "editor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the Еditor.\n",
+        "commentRange": {
+            "start": 9,
+            "end": 10
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-editor-font-size",
+            "value": "$kendo-font-size-md",
+            "scope": "default",
+            "line": {
+                "start": 11,
+                "end": 11
+            }
+        },
+        "group": [
+            "editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "editor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the Еditor.\n",
+        "commentRange": {
+            "start": 12,
+            "end": 13
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-editor-line-height",
+            "value": "$kendo-line-height-md",
+            "scope": "default",
+            "line": {
+                "start": 14,
+                "end": 14
+            }
+        },
+        "group": [
+            "editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "editor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the Еditor placeholder.\n",
+        "commentRange": {
+            "start": 16,
+            "end": 17
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-editor-placeholder-text",
+            "value": "$kendo-input-placeholder-text",
+            "scope": "default",
+            "line": {
+                "start": 18,
+                "end": 18
+            }
+        },
+        "group": [
+            "editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "editor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The opacity of the Editor placeholder.\n",
+        "commentRange": {
+            "start": 19,
+            "end": 20
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-editor-placeholder-opacity",
+            "value": "$kendo-input-placeholder-opacity",
+            "scope": "default",
+            "line": {
+                "start": 21,
+                "end": 21
+            }
+        },
+        "group": [
+            "editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "editor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The selected text color of the Editor.\n",
+        "commentRange": {
+            "start": 23,
+            "end": 24
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-editor-selected-text",
             "value": "$kendo-color-primary-contrast",
             "scope": "default",
             "line": {
@@ -9963,6 +10888,31 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "Global Elevation.\n",
+        "commentRange": {
+            "start": 31,
+            "end": 32
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-elevation",
+            "value": "$_default-elevation",
+            "scope": "default",
+            "line": {
+                "start": 33,
+                "end": 33
+            }
+        },
+        "group": [
+            "elevation"
+        ],
+        "access": "public",
+        "file": {
+            "path": "core/elevation/index.import.scss",
+            "name": "index.import.scss"
+        }
+    },
     {
         "description": "The vertical spacing of the ExpansionPanel.\n",
         "commentRange": {
@@ -11472,7 +12422,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-fab-shadow",
-            "value": "0px 6px 10px rgba( black, .14 ), 0px 1px 18px rgba( black, .12 ), 0px 3px 5px rgba( black, .2 )",
+            "value": "k-elevation(5)",
             "scope": "default",
             "line": {
                 "start": 117,
@@ -11497,7 +12447,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-fab-disabled-shadow",
-            "value": "0px 6px 10px k-try-tint( rgba( black, .14 ), .5 ), 0px 1px 18px k-try-tint( rgba( black, .12 ), .5 ), 0px 3px 5px k-try-tint( rgba( black, .2 ), .5 )",
+            "value": "k-elevation(5)",
             "scope": "default",
             "line": {
                 "start": 120,
@@ -23397,7 +24347,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-popup-shadow",
-            "value": "0 2px 4px 0 rgba( black, .03 ), 0 4px 5px 0 rgba( black, .04 )",
+            "value": "k-elevation(4)",
             "scope": "default",
             "line": {
                 "start": 39,