@progress/kendo-theme-classic 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,
@@ -7408,7 +7408,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-gradient-focus-shadow",
-            "value": "1px 1px 7px 1px rgba( black, .3 )",
+            "value": "k-elevation(3)",
             "scope": "default",
             "line": {
                 "start": 51,
@@ -7700,15 +7700,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,
@@ -7725,15 +7725,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,
@@ -7750,15 +7750,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,
@@ -7775,15 +7775,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,
@@ -7800,15 +7800,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( white, .8)",
             "scope": "default",
             "line": {
                 "start": 103,
@@ -7825,15 +7825,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,
@@ -7850,15 +7850,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,
@@ -7874,11 +7874,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",
@@ -7886,8 +7936,8 @@
             "value": "- k-math-div( $kendo-color-gradient-draghandle-height, 2 )",
             "scope": "default",
             "line": {
-                "start": 113,
-                "end": 113
+                "start": 119,
+                "end": 119
             }
         },
         "group": [
@@ -7902,8 +7952,8 @@
     {
         "description": "The horizontal margin of the ColorGradient canvas drag handle.\n",
         "commentRange": {
-            "start": 114,
-            "end": 115
+            "start": 120,
+            "end": 121
         },
         "context": {
             "type": "variable",
@@ -7911,8 +7961,8 @@
             "value": "- k-math-div( $kendo-color-gradient-draghandle-width, 2 )",
             "scope": "default",
             "line": {
-                "start": 116,
-                "end": 116
+                "start": 122,
+                "end": 122
             }
         },
         "group": [
@@ -7927,8 +7977,8 @@
     {
         "description": "The width of the ColorGradient input.\n",
         "commentRange": {
-            "start": 118,
-            "end": 119
+            "start": 124,
+            "end": 125
         },
         "context": {
             "type": "variable",
@@ -7936,8 +7986,8 @@
             "value": "46px",
             "scope": "default",
             "line": {
-                "start": 120,
-                "end": 120
+                "start": 126,
+                "end": 126
             }
         },
         "group": [
@@ -7952,8 +8002,8 @@
     {
         "description": "The spacing between the ColorGradient inputs.\n",
         "commentRange": {
-            "start": 121,
-            "end": 122
+            "start": 127,
+            "end": 128
         },
         "context": {
             "type": "variable",
@@ -7961,8 +8011,8 @@
             "value": "k-math-div( $kendo-color-gradient-spacer, 1.5 )",
             "scope": "default",
             "line": {
-                "start": 123,
-                "end": 123
+                "start": 129,
+                "end": 129
             }
         },
         "group": [
@@ -7977,8 +8027,8 @@
     {
         "description": "The spacing between the ColorGradient inputs and their labels.\n",
         "commentRange": {
-            "start": 124,
-            "end": 125
+            "start": 130,
+            "end": 131
         },
         "context": {
             "type": "variable",
@@ -7986,8 +8036,8 @@
             "value": "k-math-div( $kendo-color-gradient-spacer, 3 )",
             "scope": "default",
             "line": {
-                "start": 126,
-                "end": 126
+                "start": 132,
+                "end": 132
             }
         },
         "group": [
@@ -8002,8 +8052,8 @@
     {
         "description": "The text color of the ColorGradient input labels.\n",
         "commentRange": {
-            "start": 127,
-            "end": 128
+            "start": 133,
+            "end": 134
         },
         "context": {
             "type": "variable",
@@ -8011,8 +8061,8 @@
             "value": "$kendo-subtle-text",
             "scope": "default",
             "line": {
-                "start": 129,
-                "end": 129
+                "start": 135,
+                "end": 135
             }
         },
         "group": [
@@ -8027,8 +8077,8 @@
     {
         "description": "The font weight of the ColorGradient contrast ratio text.\n",
         "commentRange": {
-            "start": 131,
-            "end": 132
+            "start": 137,
+            "end": 138
         },
         "context": {
             "type": "variable",
@@ -8036,8 +8086,8 @@
             "value": "$kendo-font-weight-bold",
             "scope": "default",
             "line": {
-                "start": 133,
-                "end": 133
+                "start": 139,
+                "end": 139
             }
         },
         "group": [
@@ -8052,8 +8102,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",
@@ -8061,8 +8111,8 @@
             "value": "k-math-div( $kendo-color-gradient-spacer, 1.5 )",
             "scope": "default",
             "line": {
-                "start": 136,
-                "end": 136
+                "start": 142,
+                "end": 142
             }
         },
         "group": [
@@ -8747,7 +8797,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-editor-focus-shadow",
-            "value": "1px 1px 7px 1px rgba( black, .3 )",
+            "value": "k-elevation(3)",
             "scope": "default",
             "line": {
                 "start": 40,
@@ -9538,6 +9588,881 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": " The width of the border around the DockManager component.\n",
+        "commentRange": {
+            "start": 1,
+            "end": 2
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-border-width",
+            "value": "1px",
+            "scope": "default",
+            "line": {
+                "start": 3,
+                "end": 3
+            }
+        },
+        "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": 4,
+            "end": 5
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-border-style",
+            "value": "solid",
+            "scope": "default",
+            "line": {
+                "start": 6,
+                "end": 6
+            }
+        },
+        "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": 7,
+            "end": 8
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-border",
+            "value": "$kendo-base-border",
+            "scope": "default",
+            "line": {
+                "start": 9,
+                "end": 9
+            }
+        },
+        "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": 11,
+            "end": 12
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-pane-header-padding-y",
+            "value": "k-map-get( $kendo-spacing, 2 )",
+            "scope": "default",
+            "line": {
+                "start": 13,
+                "end": 13
+            }
+        },
+        "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": 14,
+            "end": 15
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-pane-header-padding-x",
+            "value": "k-map-get( $kendo-spacing, 4 )",
+            "scope": "default",
+            "line": {
+                "start": 16,
+                "end": 16
+            }
+        },
+        "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": 17,
+            "end": 18
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-pane-header-border-width",
+            "value": "$kendo-dock-manager-border-width",
+            "scope": "default",
+            "line": {
+                "start": 19,
+                "end": 19
+            }
+        },
+        "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": 20,
+            "end": 21
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-pane-header-border-style",
+            "value": "solid",
+            "scope": "default",
+            "line": {
+                "start": 22,
+                "end": 22
+            }
+        },
+        "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": 23,
+            "end": 24
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-dock-manager-pane-header-bg",
+            "value": "$kendo-component-header-bg",
+            "scope": "default",
+            "line": {
+                "start": 25,
+                "end": 25
+            }
+        },
+        "group": [
+            "dock-manager"
+        ],
+        "access": "public",
+        "file": {
+            "path": "dock-manager/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the pane title in the DockManager component.\n",
+        "commentRange": {
+            "start": 27,
+            "end": 28
+        },
+        "context": {
+            "type": "variable",
+            "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": "$kendo-dock-manager-pane-header-padding-x",
+            "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, 4 )",
+            "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": "k-map-get( $kendo-spacing, 2 )",
+            "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-color-white",
+            "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": "#f5f5f5",
+            "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": {
@@ -11497,7 +12422,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-fab-shadow",
-            "value": "0 6px 10px rgba( black, .14 ), 0 1px 18px rgba( black, .12 ), 0 3px 5px rgba( black, .2 )",
+            "value": "k-elevation(5)",
             "scope": "default",
             "line": {
                 "start": 118,
@@ -11522,7 +12447,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-fab-disabled-shadow",
-            "value": "0 6px 10px k-try-tint( rgba( black, .14 ), .5 ), 0 1px 18px k-try-tint( rgba( black, .12 ), .5 ), 0 3px 5px k-try-tint( rgba( black, .2 ), .5 )",
+            "value": "k-elevation(5)",
             "scope": "default",
             "line": {
                 "start": 121,
@@ -23447,7 +24372,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,
@@ -32872,7 +33797,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-window-shadow",
-            "value": "1px 1px 7px 1px rgba( black, .12 )",
+            "value": "k-elevation(8)",
             "scope": "default",
             "line": {
                 "start": 79,
@@ -32897,7 +33822,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-window-focus-shadow",
-            "value": "1px 1px 7px 1px rgba( black, .25 )",
+            "value": "k-elevation(9)",
             "scope": "default",
             "line": {
                 "start": 82,