@progress/kendo-theme-default 8.0.0-dev.9 → 8.0.1-dev.0

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

@@ -4625,15 +4625,40 @@
         }
     },
     {
-        "description": "The size of the cells in the Calendar.\n",
+        "description": "The font family of the Calendar.\n",
+        "commentRange": {
+            "start": 7,
+            "end": 8
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-font-family",
+            "value": "var( --kendo-font-family, inherit )",
+            "scope": "default",
+            "line": {
+                "start": 9,
+                "end": 9
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the Calendar.\n",
         "commentRange": {
             "start": 10,
             "end": 11
         },
         "context": {
             "type": "variable",
-            "name": "kendo-calendar-cell-size",
-            "value": "32px",
+            "name": "kendo-calendar-font-size",
+            "value": "var( --kendo-font-size, inherit )",
             "scope": "default",
             "line": {
                 "start": 12,
@@ -4649,11 +4674,61 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The line height of the Calendar.\n",
+        "commentRange": {
+            "start": 13,
+            "end": 14
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-line-height",
+            "value": "var( --kendo-line-height, normal )",
+            "scope": "default",
+            "line": {
+                "start": 15,
+                "end": 15
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The size of the cells in the Calendar.\n",
+        "commentRange": {
+            "start": 17,
+            "end": 18
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-cell-size",
+            "value": "32px",
+            "scope": "default",
+            "line": {
+                "start": 19,
+                "end": 19
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The background color of the Calendar.\n",
         "commentRange": {
-            "start": 14,
-            "end": 15
+            "start": 21,
+            "end": 22
         },
         "context": {
             "type": "variable",
@@ -4661,8 +4736,8 @@
             "value": "$kendo-component-bg",
             "scope": "default",
             "line": {
-                "start": 16,
-                "end": 16
+                "start": 23,
+                "end": 23
             }
         },
         "group": [
@@ -4677,8 +4752,8 @@
     {
         "description": "The text color of the Calendar.\n",
         "commentRange": {
-            "start": 17,
-            "end": 18
+            "start": 24,
+            "end": 25
         },
         "context": {
             "type": "variable",
@@ -4686,8 +4761,8 @@
             "value": "$kendo-component-text",
             "scope": "default",
             "line": {
-                "start": 19,
-                "end": 19
+                "start": 26,
+                "end": 26
             }
         },
         "group": [
@@ -4702,8 +4777,8 @@
     {
         "description": "The border color of the Calendar.\n",
         "commentRange": {
-            "start": 20,
-            "end": 21
+            "start": 27,
+            "end": 28
         },
         "context": {
             "type": "variable",
@@ -4711,8 +4786,8 @@
             "value": "$kendo-component-border",
             "scope": "default",
             "line": {
-                "start": 22,
-                "end": 22
+                "start": 29,
+                "end": 29
             }
         },
         "group": [
@@ -4727,8 +4802,8 @@
     {
         "description": "The horizontal padding of the header in the Calendar.\n",
         "commentRange": {
-            "start": 24,
-            "end": 25
+            "start": 31,
+            "end": 32
         },
         "context": {
             "type": "variable",
@@ -4736,8 +4811,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 26,
-                "end": 26
+                "start": 33,
+                "end": 33
             }
         },
         "group": [
@@ -4752,8 +4827,8 @@
     {
         "description": "The vertical padding of the header in the Calendar.\n",
         "commentRange": {
-            "start": 27,
-            "end": 28
+            "start": 34,
+            "end": 35
         },
         "context": {
             "type": "variable",
@@ -4761,8 +4836,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 29,
-                "end": 29
+                "start": 36,
+                "end": 36
             }
         },
         "group": [
@@ -4777,8 +4852,8 @@
     {
         "description": "The border width of the header in the Calendar.\n",
         "commentRange": {
-            "start": 31,
-            "end": 32
+            "start": 38,
+            "end": 39
         },
         "context": {
             "type": "variable",
@@ -4786,8 +4861,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 33,
-                "end": 33
+                "start": 40,
+                "end": 40
             }
         },
         "group": [
@@ -4802,8 +4877,8 @@
     {
         "description": "The background color of the header in the Calendar.\n",
         "commentRange": {
-            "start": 35,
-            "end": 36
+            "start": 42,
+            "end": 43
         },
         "context": {
             "type": "variable",
@@ -4811,8 +4886,8 @@
             "value": "$kendo-component-header-bg",
             "scope": "default",
             "line": {
-                "start": 37,
-                "end": 37
+                "start": 44,
+                "end": 44
             }
         },
         "group": [
@@ -4827,8 +4902,8 @@
     {
         "description": "The text color of the header in the Calendar.\n",
         "commentRange": {
-            "start": 38,
-            "end": 39
+            "start": 45,
+            "end": 46
         },
         "context": {
             "type": "variable",
@@ -4836,8 +4911,8 @@
             "value": "$kendo-component-header-text",
             "scope": "default",
             "line": {
-                "start": 40,
-                "end": 40
+                "start": 47,
+                "end": 47
             }
         },
         "group": [
@@ -4852,8 +4927,8 @@
     {
         "description": "The border color of the header in the Calendar.\n",
         "commentRange": {
-            "start": 41,
-            "end": 42
+            "start": 48,
+            "end": 49
         },
         "context": {
             "type": "variable",
@@ -4861,8 +4936,8 @@
             "value": "$kendo-component-header-border",
             "scope": "default",
             "line": {
-                "start": 43,
-                "end": 43
+                "start": 50,
+                "end": 50
             }
         },
         "group": [
@@ -4877,8 +4952,8 @@
     {
         "description": "The gradient of the header in the Calendar.\n",
         "commentRange": {
-            "start": 44,
-            "end": 45
+            "start": 51,
+            "end": 52
         },
         "context": {
             "type": "variable",
@@ -4886,8 +4961,8 @@
             "value": "$kendo-component-header-gradient",
             "scope": "default",
             "line": {
-                "start": 46,
-                "end": 46
+                "start": 53,
+                "end": 53
             }
         },
         "group": [
@@ -4902,8 +4977,8 @@
     {
         "description": "The shadow of the header in the Calendar.\n",
         "commentRange": {
-            "start": 48,
-            "end": 49
+            "start": 55,
+            "end": 56
         },
         "context": {
             "type": "variable",
@@ -4911,8 +4986,8 @@
             "value": "0 1px 3px 1px rgba(black, .1)",
             "scope": "default",
             "line": {
-                "start": 50,
-                "end": 50
+                "start": 57,
+                "end": 57
             }
         },
         "group": [
@@ -4927,8 +5002,8 @@
     {
         "description": "The gap between the items in the navigation of the Calendar.\n",
         "commentRange": {
-            "start": 52,
-            "end": 53
+            "start": 59,
+            "end": 60
         },
         "context": {
             "type": "variable",
@@ -4936,8 +5011,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 54,
-                "end": 54
+                "start": 61,
+                "end": 61
             }
         },
         "group": [
@@ -4952,8 +5027,8 @@
     {
         "description": "The horizontal padding of the footer in the Calendar.\n",
         "commentRange": {
-            "start": 56,
-            "end": 57
+            "start": 63,
+            "end": 64
         },
         "context": {
             "type": "variable",
@@ -4961,8 +5036,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 58,
-                "end": 58
+                "start": 65,
+                "end": 65
             }
         },
         "group": [
@@ -4977,8 +5052,8 @@
     {
         "description": "The vertical padding of the footer in the Calendar.\n",
         "commentRange": {
-            "start": 59,
-            "end": 60
+            "start": 66,
+            "end": 67
         },
         "context": {
             "type": "variable",
@@ -4986,8 +5061,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 61,
-                "end": 61
+                "start": 68,
+                "end": 68
             }
         },
         "group": [
@@ -5002,8 +5077,8 @@
     {
         "description": "The horizontal padding of the cells in the Calendar.\n",
         "commentRange": {
-            "start": 63,
-            "end": 64
+            "start": 70,
+            "end": 71
         },
         "context": {
             "type": "variable",
@@ -5011,8 +5086,8 @@
             "value": ".25em",
             "scope": "default",
             "line": {
-                "start": 65,
-                "end": 65
+                "start": 72,
+                "end": 72
             }
         },
         "group": [
@@ -5027,8 +5102,8 @@
     {
         "description": "The vertical padding of the cells in the Calendar.\n",
         "commentRange": {
-            "start": 66,
-            "end": 67
+            "start": 73,
+            "end": 74
         },
         "context": {
             "type": "variable",
@@ -5036,8 +5111,8 @@
             "value": "$kendo-calendar-cell-padding-x",
             "scope": "default",
             "line": {
-                "start": 68,
-                "end": 68
+                "start": 75,
+                "end": 75
             }
         },
         "group": [
@@ -5052,8 +5127,8 @@
     {
         "description": "The line height of the cells in the Calendar.\n",
         "commentRange": {
-            "start": 70,
-            "end": 71
+            "start": 77,
+            "end": 78
         },
         "context": {
             "type": "variable",
@@ -5061,8 +5136,8 @@
             "value": "$kendo-calendar-line-height",
             "scope": "default",
             "line": {
-                "start": 72,
-                "end": 72
+                "start": 79,
+                "end": 79
             }
         },
         "group": [
@@ -5077,8 +5152,8 @@
     {
         "description": "The border radius of the cells in the Calendar.\n",
         "commentRange": {
-            "start": 74,
-            "end": 75
+            "start": 81,
+            "end": 82
         },
         "context": {
             "type": "variable",
@@ -5086,8 +5161,8 @@
             "value": "k-border-radius(md)",
             "scope": "default",
             "line": {
-                "start": 76,
-                "end": 76
+                "start": 83,
+                "end": 83
             }
         },
         "group": [
@@ -5102,8 +5177,8 @@
     {
         "description": "The horizontal padding of the header cells in the Calendar.\n",
         "commentRange": {
-            "start": 78,
-            "end": 79
+            "start": 85,
+            "end": 86
         },
         "context": {
             "type": "variable",
@@ -5111,8 +5186,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 80,
-                "end": 80
+                "start": 87,
+                "end": 87
             }
         },
         "group": [
@@ -5127,8 +5202,8 @@
     {
         "description": "The vertical padding of the header cells in the Calendar.\n",
         "commentRange": {
-            "start": 81,
-            "end": 82
+            "start": 88,
+            "end": 89
         },
         "context": {
             "type": "variable",
@@ -5136,8 +5211,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 83,
-                "end": 83
+                "start": 90,
+                "end": 90
             }
         },
         "group": [
@@ -5152,8 +5227,8 @@
     {
         "description": "The width of the header cells in the Calendar.\n",
         "commentRange": {
-            "start": 84,
-            "end": 85
+            "start": 91,
+            "end": 92
         },
         "context": {
             "type": "variable",
@@ -5161,8 +5236,8 @@
             "value": "$kendo-calendar-cell-size",
             "scope": "default",
             "line": {
-                "start": 86,
-                "end": 86
+                "start": 93,
+                "end": 93
             }
         },
         "group": [
@@ -5177,8 +5252,8 @@
     {
         "description": "The height of the header cells in the Calendar.\n",
         "commentRange": {
-            "start": 87,
-            "end": 88
+            "start": 94,
+            "end": 95
         },
         "context": {
             "type": "variable",
@@ -5186,8 +5261,58 @@
             "value": "$kendo-calendar-cell-size",
             "scope": "default",
             "line": {
-                "start": 89,
-                "end": 89
+                "start": 96,
+                "end": 96
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the header cells in the Calendar.\n",
+        "commentRange": {
+            "start": 97,
+            "end": 98
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-header-cell-font-size",
+            "value": "var( --kendo-font-size-sm, inherit )",
+            "scope": "default",
+            "line": {
+                "start": 99,
+                "end": 99
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the header cells in the Calendar.\n",
+        "commentRange": {
+            "start": 100,
+            "end": 101
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-header-cell-line-height",
+            "value": "2",
+            "scope": "default",
+            "line": {
+                "start": 102,
+                "end": 102
             }
         },
         "group": [
@@ -5202,8 +5327,8 @@
     {
         "description": "The background color of the header cells in the Calendar.\n",
         "commentRange": {
-            "start": 93,
-            "end": 94
+            "start": 104,
+            "end": 105
         },
         "context": {
             "type": "variable",
@@ -5211,8 +5336,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 95,
-                "end": 95
+                "start": 106,
+                "end": 106
             }
         },
         "group": [
@@ -5227,8 +5352,8 @@
     {
         "description": "The text color of the header cells in the Calendar.\n",
         "commentRange": {
-            "start": 96,
-            "end": 97
+            "start": 107,
+            "end": 108
         },
         "context": {
             "type": "variable",
@@ -5236,8 +5361,8 @@
             "value": "$kendo-subtle-text",
             "scope": "default",
             "line": {
-                "start": 98,
-                "end": 98
+                "start": 109,
+                "end": 109
             }
         },
         "group": [
@@ -5252,8 +5377,8 @@
     {
         "description": "The opacity of the header cells in the Calendar.\n",
         "commentRange": {
-            "start": 99,
-            "end": 100
+            "start": 110,
+            "end": 111
         },
         "context": {
             "type": "variable",
@@ -5261,8 +5386,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 101,
-                "end": 101
+                "start": 112,
+                "end": 112
             }
         },
         "group": [
@@ -5277,8 +5402,8 @@
     {
         "description": "The horizontal padding of the caption in the Calendar.\n",
         "commentRange": {
-            "start": 103,
-            "end": 104
+            "start": 114,
+            "end": 115
         },
         "context": {
             "type": "variable",
@@ -5286,8 +5411,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 105,
-                "end": 105
+                "start": 116,
+                "end": 116
             }
         },
         "group": [
@@ -5302,8 +5427,8 @@
     {
         "description": "The vertical padding of the caption in the Calendar.\n",
         "commentRange": {
-            "start": 106,
-            "end": 107
+            "start": 117,
+            "end": 118
         },
         "context": {
             "type": "variable",
@@ -5311,8 +5436,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 108,
-                "end": 108
+                "start": 119,
+                "end": 119
             }
         },
         "group": [
@@ -5327,8 +5452,8 @@
     {
         "description": "The height of the caption in the Calendar.\n",
         "commentRange": {
-            "start": 109,
-            "end": 110
+            "start": 120,
+            "end": 121
         },
         "context": {
             "type": "variable",
@@ -5336,8 +5461,8 @@
             "value": "$kendo-calendar-cell-size",
             "scope": "default",
             "line": {
-                "start": 111,
-                "end": 111
+                "start": 122,
+                "end": 122
             }
         },
         "group": [
@@ -5352,8 +5477,8 @@
     {
         "description": "The font size of the caption in the Calendar.\n",
         "commentRange": {
-            "start": 112,
-            "end": 113
+            "start": 123,
+            "end": 124
         },
         "context": {
             "type": "variable",
@@ -5361,8 +5486,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 114,
-                "end": 114
+                "start": 125,
+                "end": 125
             }
         },
         "group": [
@@ -5377,8 +5502,8 @@
     {
         "description": "The line height of the caption in the Calendar.\n",
         "commentRange": {
-            "start": 115,
-            "end": 116
+            "start": 126,
+            "end": 127
         },
         "context": {
             "type": "variable",
@@ -5386,8 +5511,33 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 117,
-                "end": 117
+                "start": 128,
+                "end": 128
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font weight of the caption in the Calendar.\n",
+        "commentRange": {
+            "start": 129,
+            "end": 130
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-caption-font-weight",
+            "value": "var( --kendo-font-weight-bold, normal )",
+            "scope": "default",
+            "line": {
+                "start": 131,
+                "end": 131
             }
         },
         "group": [
@@ -5402,8 +5552,8 @@
     {
         "description": "The font size of the week number cells in the Calendar.\n",
         "commentRange": {
-            "start": 120,
-            "end": 121
+            "start": 133,
+            "end": 134
         },
         "context": {
             "type": "variable",
@@ -5411,8 +5561,8 @@
             "value": "$kendo-font-size-sm",
             "scope": "default",
             "line": {
-                "start": 122,
-                "end": 122
+                "start": 135,
+                "end": 135
             }
         },
         "group": [
@@ -5427,8 +5577,8 @@
     {
         "description": "The width of the Calendar view.\n",
         "commentRange": {
-            "start": 124,
-            "end": 125
+            "start": 137,
+            "end": 138
         },
         "context": {
             "type": "variable",
@@ -5436,8 +5586,8 @@
             "value": "($kendo-calendar-cell-size * 8)",
             "scope": "default",
             "line": {
-                "start": 126,
-                "end": 126
+                "start": 139,
+                "end": 139
             }
         },
         "group": [
@@ -5452,8 +5602,8 @@
     {
         "description": "The height of the Calendar view.\n",
         "commentRange": {
-            "start": 127,
-            "end": 128
+            "start": 140,
+            "end": 141
         },
         "context": {
             "type": "variable",
@@ -5461,8 +5611,8 @@
             "value": "($kendo-calendar-cell-size * 7)",
             "scope": "default",
             "line": {
-                "start": 129,
-                "end": 129
+                "start": 142,
+                "end": 142
             }
         },
         "group": [
@@ -5477,8 +5627,8 @@
     {
         "description": "The gap between the items in the Calendar view.\n",
         "commentRange": {
-            "start": 131,
-            "end": 132
+            "start": 144,
+            "end": 145
         },
         "context": {
             "type": "variable",
@@ -5486,8 +5636,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 133,
-                "end": 133
+                "start": 146,
+                "end": 146
             }
         },
         "group": [
@@ -5502,8 +5652,8 @@
     {
         "description": "The background color of the weekend cells in the Calendar.\n",
         "commentRange": {
-            "start": 135,
-            "end": 136
+            "start": 148,
+            "end": 149
         },
         "context": {
             "type": "variable",
@@ -5511,8 +5661,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 137,
-                "end": 137
+                "start": 150,
+                "end": 150
             }
         },
         "group": [
@@ -5527,8 +5677,8 @@
     {
         "description": "The text color of the weekend cells in the Calendar.\n",
         "commentRange": {
-            "start": 138,
-            "end": 139
+            "start": 151,
+            "end": 152
         },
         "context": {
             "type": "variable",
@@ -5536,8 +5686,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 140,
-                "end": 140
+                "start": 153,
+                "end": 153
             }
         },
         "group": [
@@ -5552,8 +5702,8 @@
     {
         "description": "The style of the current day in the Calendar.\n",
         "commentRange": {
-            "start": 142,
-            "end": 143
+            "start": 155,
+            "end": 156
         },
         "context": {
             "type": "variable",
@@ -5561,8 +5711,8 @@
             "value": "color",
             "scope": "default",
             "line": {
-                "start": 144,
-                "end": 144
+                "start": 157,
+                "end": 157
             }
         },
         "group": [
@@ -5577,8 +5727,8 @@
     {
         "description": "The color of the current day in the Calendar.\n",
         "commentRange": {
-            "start": 145,
-            "end": 146
+            "start": 158,
+            "end": 159
         },
         "context": {
             "type": "variable",
@@ -5586,8 +5736,8 @@
             "value": "$kendo-color-primary",
             "scope": "default",
             "line": {
-                "start": 147,
-                "end": 147
+                "start": 160,
+                "end": 160
             }
         },
         "group": [
@@ -5602,8 +5752,8 @@
     {
         "description": "The background color of the week number cells in the Calendar.\n",
         "commentRange": {
-            "start": 149,
-            "end": 150
+            "start": 162,
+            "end": 163
         },
         "context": {
             "type": "variable",
@@ -5611,8 +5761,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 151,
-                "end": 151
+                "start": 164,
+                "end": 164
             }
         },
         "group": [
@@ -5627,8 +5777,8 @@
     {
         "description": "The text color of the week number cells in the Calendar.\n",
         "commentRange": {
-            "start": 152,
-            "end": 153
+            "start": 165,
+            "end": 166
         },
         "context": {
             "type": "variable",
@@ -5636,8 +5786,8 @@
             "value": "$kendo-calendar-header-cell-text",
             "scope": "default",
             "line": {
-                "start": 154,
-                "end": 154
+                "start": 167,
+                "end": 167
             }
         },
         "group": [
@@ -5652,8 +5802,8 @@
     {
         "description": "The background color of the preceding/subsequent month cells in the Calendar.\n",
         "commentRange": {
-            "start": 156,
-            "end": 157
+            "start": 169,
+            "end": 170
         },
         "context": {
             "type": "variable",
@@ -5661,8 +5811,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 158,
-                "end": 158
+                "start": 171,
+                "end": 171
             }
         },
         "group": [
@@ -5677,8 +5827,8 @@
     {
         "description": "The text color of the preceding/subsequent month cells in the Calendar.\n",
         "commentRange": {
-            "start": 159,
-            "end": 160
+            "start": 172,
+            "end": 173
         },
         "context": {
             "type": "variable",
@@ -5686,8 +5836,8 @@
             "value": "$kendo-calendar-header-cell-text",
             "scope": "default",
             "line": {
-                "start": 161,
-                "end": 161
+                "start": 174,
+                "end": 174
             }
         },
         "group": [
@@ -5702,8 +5852,8 @@
     {
         "description": "The background color of the cells in the Calendar.\n",
         "commentRange": {
-            "start": 163,
-            "end": 164
+            "start": 176,
+            "end": 177
         },
         "context": {
             "type": "variable",
@@ -5711,8 +5861,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 165,
-                "end": 165
+                "start": 178,
+                "end": 178
             }
         },
         "group": [
@@ -5727,8 +5877,8 @@
     {
         "description": "The text color of the cells in the Calendar.\n",
         "commentRange": {
-            "start": 166,
-            "end": 167
+            "start": 179,
+            "end": 180
         },
         "context": {
             "type": "variable",
@@ -5736,8 +5886,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 168,
-                "end": 168
+                "start": 181,
+                "end": 181
             }
         },
         "group": [
@@ -5752,8 +5902,8 @@
     {
         "description": "The border color of the cells in the Calendar.\n",
         "commentRange": {
-            "start": 169,
-            "end": 170
+            "start": 182,
+            "end": 183
         },
         "context": {
             "type": "variable",
@@ -5761,8 +5911,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 171,
-                "end": 171
+                "start": 184,
+                "end": 184
             }
         },
         "group": [
@@ -5777,8 +5927,8 @@
     {
         "description": "The gradient of the cells in the Calendar.\n",
         "commentRange": {
-            "start": 172,
-            "end": 173
+            "start": 185,
+            "end": 186
         },
         "context": {
             "type": "variable",
@@ -5786,8 +5936,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 174,
-                "end": 174
+                "start": 187,
+                "end": 187
             }
         },
         "group": [
@@ -5802,8 +5952,8 @@
     {
         "description": "The background color of the hovered cells in the Calendar.\n",
         "commentRange": {
-            "start": 176,
-            "end": 177
+            "start": 189,
+            "end": 190
         },
         "context": {
             "type": "variable",
@@ -5811,8 +5961,8 @@
             "value": "$kendo-hover-bg",
             "scope": "default",
             "line": {
-                "start": 178,
-                "end": 178
+                "start": 191,
+                "end": 191
             }
         },
         "group": [
@@ -5827,8 +5977,8 @@
     {
         "description": "The text color of the hovered cells in the Calendar.\n",
         "commentRange": {
-            "start": 179,
-            "end": 180
+            "start": 192,
+            "end": 193
         },
         "context": {
             "type": "variable",
@@ -5836,8 +5986,8 @@
             "value": "$kendo-hover-text",
             "scope": "default",
             "line": {
-                "start": 181,
-                "end": 181
+                "start": 194,
+                "end": 194
             }
         },
         "group": [
@@ -5852,8 +6002,8 @@
     {
         "description": "The border color of the hovered cells in the Calendar.\n",
         "commentRange": {
-            "start": 182,
-            "end": 183
+            "start": 195,
+            "end": 196
         },
         "context": {
             "type": "variable",
@@ -5861,8 +6011,8 @@
             "value": "$kendo-hover-border",
             "scope": "default",
             "line": {
-                "start": 184,
-                "end": 184
+                "start": 197,
+                "end": 197
             }
         },
         "group": [
@@ -5877,8 +6027,8 @@
     {
         "description": "The gradient of the hovered cells in the Calendar.\n",
         "commentRange": {
-            "start": 185,
-            "end": 186
+            "start": 198,
+            "end": 199
         },
         "context": {
             "type": "variable",
@@ -5886,8 +6036,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 187,
-                "end": 187
+                "start": 200,
+                "end": 200
             }
         },
         "group": [
@@ -5902,8 +6052,8 @@
     {
         "description": "The background color of the selected cells in the Calendar.\n",
         "commentRange": {
-            "start": 189,
-            "end": 190
+            "start": 202,
+            "end": 203
         },
         "context": {
             "type": "variable",
@@ -5911,8 +6061,8 @@
             "value": "$kendo-selected-bg",
             "scope": "default",
             "line": {
-                "start": 191,
-                "end": 191
+                "start": 204,
+                "end": 204
             }
         },
         "group": [
@@ -5927,8 +6077,8 @@
     {
         "description": "The text color of the selected cells in the Calendar.\n",
         "commentRange": {
-            "start": 192,
-            "end": 193
+            "start": 205,
+            "end": 206
         },
         "context": {
             "type": "variable",
@@ -5936,8 +6086,8 @@
             "value": "$kendo-selected-text",
             "scope": "default",
             "line": {
-                "start": 194,
-                "end": 194
+                "start": 207,
+                "end": 207
             }
         },
         "group": [
@@ -5952,8 +6102,8 @@
     {
         "description": "The border color of the selected cells in the Calendar.\n",
         "commentRange": {
-            "start": 195,
-            "end": 196
+            "start": 208,
+            "end": 209
         },
         "context": {
             "type": "variable",
@@ -5961,8 +6111,8 @@
             "value": "$kendo-selected-border",
             "scope": "default",
             "line": {
-                "start": 197,
-                "end": 197
+                "start": 210,
+                "end": 210
             }
         },
         "group": [
@@ -5977,8 +6127,8 @@
     {
         "description": "The gradient of the selected cells in the Calendar.\n",
         "commentRange": {
-            "start": 198,
-            "end": 199
+            "start": 211,
+            "end": 212
         },
         "context": {
             "type": "variable",
@@ -5986,8 +6136,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 200,
-                "end": 200
+                "start": 213,
+                "end": 213
             }
         },
         "group": [
@@ -6002,8 +6152,8 @@
     {
         "description": "The background color of the selected and hovered cells in the Calendar.\n",
         "commentRange": {
-            "start": 202,
-            "end": 203
+            "start": 215,
+            "end": 216
         },
         "context": {
             "type": "variable",
@@ -6011,8 +6161,8 @@
             "value": "$kendo-selected-hover-bg",
             "scope": "default",
             "line": {
-                "start": 204,
-                "end": 204
+                "start": 217,
+                "end": 217
             }
         },
         "group": [
@@ -6027,8 +6177,8 @@
     {
         "description": "The text color of the selected and hovered cells in the Calendar.\n",
         "commentRange": {
-            "start": 205,
-            "end": 206
+            "start": 218,
+            "end": 219
         },
         "context": {
             "type": "variable",
@@ -6036,8 +6186,8 @@
             "value": "$kendo-selected-hover-text",
             "scope": "default",
             "line": {
-                "start": 207,
-                "end": 207
+                "start": 220,
+                "end": 220
             }
         },
         "group": [
@@ -6052,8 +6202,8 @@
     {
         "description": "The border color of the selected and hovered cells in the Calendar.\n",
         "commentRange": {
-            "start": 208,
-            "end": 209
+            "start": 221,
+            "end": 222
         },
         "context": {
             "type": "variable",
@@ -6061,8 +6211,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 210,
-                "end": 210
+                "start": 223,
+                "end": 223
             }
         },
         "group": [
@@ -6077,8 +6227,8 @@
     {
         "description": "The gradient of the selected and hovered cells in the Calendar.\n",
         "commentRange": {
-            "start": 211,
-            "end": 212
+            "start": 224,
+            "end": 225
         },
         "context": {
             "type": "variable",
@@ -6086,8 +6236,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 213,
-                "end": 213
+                "start": 226,
+                "end": 226
             }
         },
         "group": [
@@ -6102,8 +6252,8 @@
     {
         "description": "The shadow of the focused cells in the Calendar.\n",
         "commentRange": {
-            "start": 215,
-            "end": 216
+            "start": 228,
+            "end": 229
         },
         "context": {
             "type": "variable",
@@ -6111,8 +6261,8 @@
             "value": "inset 0 0 0 2px rgba( $kendo-color-black, .08 )",
             "scope": "default",
             "line": {
-                "start": 217,
-                "end": 217
+                "start": 230,
+                "end": 230
             }
         },
         "group": [
@@ -6127,8 +6277,8 @@
     {
         "description": "The shadow of the selected and focused cells in the Calendar.\n",
         "commentRange": {
-            "start": 218,
-            "end": 219
+            "start": 231,
+            "end": 232
         },
         "context": {
             "type": "variable",
@@ -6136,8 +6286,8 @@
             "value": "$kendo-calendar-cell-focus-shadow",
             "scope": "default",
             "line": {
-                "start": 220,
-                "end": 220
+                "start": 233,
+                "end": 233
             }
         },
         "group": [
@@ -6152,8 +6302,8 @@
     {
         "description": "The width of the Calendar navigation.\n",
         "commentRange": {
-            "start": 223,
-            "end": 224
+            "start": 236,
+            "end": 237
         },
         "context": {
             "type": "variable",
@@ -6161,8 +6311,8 @@
             "value": "5em",
             "scope": "default",
             "line": {
-                "start": 225,
-                "end": 225
+                "start": 238,
+                "end": 238
             }
         },
         "group": [
@@ -6177,8 +6327,8 @@
     {
         "description": "The height of the items in the Calendar navigation.\n",
         "commentRange": {
-            "start": 226,
-            "end": 227
+            "start": 239,
+            "end": 240
         },
         "context": {
             "type": "variable",
@@ -6186,8 +6336,8 @@
             "value": "2em",
             "scope": "default",
             "line": {
-                "start": 228,
-                "end": 228
+                "start": 241,
+                "end": 241
             }
         },
         "group": [
@@ -6202,8 +6352,8 @@
     {
         "description": "The background color of the Calendar navigation.\n",
         "commentRange": {
-            "start": 230,
-            "end": 231
+            "start": 243,
+            "end": 244
         },
         "context": {
             "type": "variable",
@@ -6211,8 +6361,8 @@
             "value": "$kendo-calendar-header-bg",
             "scope": "default",
             "line": {
-                "start": 232,
-                "end": 232
+                "start": 245,
+                "end": 245
             }
         },
         "group": [
@@ -6227,8 +6377,8 @@
     {
         "description": "The text color of the Calendar navigation.\n",
         "commentRange": {
-            "start": 233,
-            "end": 234
+            "start": 246,
+            "end": 247
         },
         "context": {
             "type": "variable",
@@ -6236,8 +6386,8 @@
             "value": "$kendo-calendar-header-text",
             "scope": "default",
             "line": {
-                "start": 235,
-                "end": 235
+                "start": 248,
+                "end": 248
             }
         },
         "group": [
@@ -6252,8 +6402,8 @@
     {
         "description": "The border color of the Calendar navigation.\n",
         "commentRange": {
-            "start": 236,
-            "end": 237
+            "start": 249,
+            "end": 250
         },
         "context": {
             "type": "variable",
@@ -6261,8 +6411,8 @@
             "value": "$kendo-calendar-header-border",
             "scope": "default",
             "line": {
-                "start": 238,
-                "end": 238
+                "start": 251,
+                "end": 251
             }
         },
         "group": [
@@ -6277,8 +6427,8 @@
     {
         "description": "The text color of the hovered items in the Calendar navigation.\n",
         "commentRange": {
-            "start": 240,
-            "end": 241
+            "start": 253,
+            "end": 254
         },
         "context": {
             "type": "variable",
@@ -6286,8 +6436,8 @@
             "value": "$kendo-link-hover-text",
             "scope": "default",
             "line": {
-                "start": 242,
-                "end": 242
+                "start": 255,
+                "end": 255
             }
         },
         "group": [
@@ -6302,8 +6452,8 @@
     {
         "description": "The horizontal padding of the header in the Infinite Calendar.\n",
         "commentRange": {
-            "start": 244,
-            "end": 245
+            "start": 257,
+            "end": 258
         },
         "context": {
             "type": "variable",
@@ -6311,8 +6461,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 246,
-                "end": 246
+                "start": 259,
+                "end": 259
             }
         },
         "group": [
@@ -6327,8 +6477,8 @@
     {
         "description": "The vertical padding of the header in the Infinite Calendar.\n",
         "commentRange": {
-            "start": 247,
-            "end": 248
+            "start": 260,
+            "end": 261
         },
         "context": {
             "type": "variable",
@@ -6336,8 +6486,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 249,
-                "end": 249
+                "start": 262,
+                "end": 262
             }
         },
         "group": [
@@ -6352,8 +6502,8 @@
     {
         "description": "The horizontal padding of the Calendar view in the Infinite Calendar.\n",
         "commentRange": {
-            "start": 251,
-            "end": 252
+            "start": 264,
+            "end": 265
         },
         "context": {
             "type": "variable",
@@ -6361,8 +6511,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 253,
-                "end": 253
+                "start": 266,
+                "end": 266
             }
         },
         "group": [
@@ -6377,8 +6527,8 @@
     {
         "description": "The vertical padding of the Calendar view in the Infinite Calendar.\n",
         "commentRange": {
-            "start": 254,
-            "end": 255
+            "start": 267,
+            "end": 268
         },
         "context": {
             "type": "variable",
@@ -6386,8 +6536,8 @@
             "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 256,
-                "end": 256
+                "start": 269,
+                "end": 269
             }
         },
         "group": [
@@ -6402,8 +6552,8 @@
     {
         "description": "The height of the Calendar view in the Infinite Calendar.\n",
         "commentRange": {
-            "start": 258,
-            "end": 259
+            "start": 271,
+            "end": 272
         },
         "context": {
             "type": "variable",
@@ -6411,8 +6561,8 @@
             "value": "( $kendo-calendar-cell-size * 9 )",
             "scope": "default",
             "line": {
-                "start": 260,
-                "end": 260
+                "start": 273,
+                "end": 273
             }
         },
         "group": [
@@ -6427,8 +6577,8 @@
     {
         "description": "The border radius of the range cells in the Multiview Calendar.\n",
         "commentRange": {
-            "start": 265,
-            "end": 266
+            "start": 278,
+            "end": 279
         },
         "context": {
             "type": "variable",
@@ -6436,8 +6586,8 @@
             "value": "k-border-radius(lg)",
             "scope": "default",
             "line": {
-                "start": 267,
-                "end": 267
+                "start": 280,
+                "end": 280
             }
         },
         "group": [
@@ -6452,8 +6602,8 @@
     {
         "description": "The font size of the small Calendar.\n",
         "commentRange": {
-            "start": 271,
-            "end": 272
+            "start": 284,
+            "end": 285
         },
         "context": {
             "type": "variable",
@@ -6461,8 +6611,8 @@
             "value": "var( --kendo-font-size, inherit )",
             "scope": "default",
             "line": {
-                "start": 273,
-                "end": 273
+                "start": 286,
+                "end": 286
             }
         },
         "group": [
@@ -6477,8 +6627,8 @@
     {
         "description": "The line height of the small Calendar.\n",
         "commentRange": {
-            "start": 274,
-            "end": 275
+            "start": 287,
+            "end": 288
         },
         "context": {
             "type": "variable",
@@ -6486,8 +6636,8 @@
             "value": "var( --kendo-line-height, normal )",
             "scope": "default",
             "line": {
-                "start": 276,
-                "end": 276
+                "start": 289,
+                "end": 289
             }
         },
         "group": [
@@ -6502,8 +6652,8 @@
     {
         "description": "The size of the cells in the small Calendar.\n",
         "commentRange": {
-            "start": 277,
-            "end": 278
+            "start": 290,
+            "end": 291
         },
         "context": {
             "type": "variable",
@@ -6511,8 +6661,8 @@
             "value": "28px",
             "scope": "default",
             "line": {
-                "start": 279,
-                "end": 279
+                "start": 292,
+                "end": 292
             }
         },
         "group": [
@@ -6527,8 +6677,8 @@
     {
         "description": "The horizontal padding of the cells in the small Calendar.\n",
         "commentRange": {
-            "start": 280,
-            "end": 281
+            "start": 293,
+            "end": 294
         },
         "context": {
             "type": "variable",
@@ -6536,8 +6686,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 282,
-                "end": 282
+                "start": 295,
+                "end": 295
             }
         },
         "group": [
@@ -6552,8 +6702,8 @@
     {
         "description": "The vertical padding of the cells in the small Calendar.\n",
         "commentRange": {
-            "start": 283,
-            "end": 284
+            "start": 296,
+            "end": 297
         },
         "context": {
             "type": "variable",
@@ -6561,8 +6711,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 285,
-                "end": 285
+                "start": 298,
+                "end": 298
             }
         },
         "group": [
@@ -6577,8 +6727,8 @@
     {
         "description": "The font size of the medium Calendar.\n",
         "commentRange": {
-            "start": 287,
-            "end": 288
+            "start": 300,
+            "end": 301
         },
         "context": {
             "type": "variable",
@@ -6586,8 +6736,8 @@
             "value": "var( --kendo-font-size, inherit )",
             "scope": "default",
             "line": {
-                "start": 289,
-                "end": 289
+                "start": 302,
+                "end": 302
             }
         },
         "group": [
@@ -6602,8 +6752,8 @@
     {
         "description": "The line height of the medium Calendar.\n",
         "commentRange": {
-            "start": 290,
-            "end": 291
+            "start": 303,
+            "end": 304
         },
         "context": {
             "type": "variable",
@@ -6611,8 +6761,8 @@
             "value": "var( --kendo-line-height, normal )",
             "scope": "default",
             "line": {
-                "start": 292,
-                "end": 292
+                "start": 305,
+                "end": 305
             }
         },
         "group": [
@@ -6627,8 +6777,8 @@
     {
         "description": "The size of the cells in the medium Calendar.\n",
         "commentRange": {
-            "start": 293,
-            "end": 294
+            "start": 306,
+            "end": 307
         },
         "context": {
             "type": "variable",
@@ -6636,8 +6786,8 @@
             "value": "32px",
             "scope": "default",
             "line": {
-                "start": 295,
-                "end": 295
+                "start": 308,
+                "end": 308
             }
         },
         "group": [
@@ -6652,8 +6802,8 @@
     {
         "description": "The horizontal padding of the cells in the medium Calendar.\n",
         "commentRange": {
-            "start": 296,
-            "end": 297
+            "start": 309,
+            "end": 310
         },
         "context": {
             "type": "variable",
@@ -6661,8 +6811,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 298,
-                "end": 298
+                "start": 311,
+                "end": 311
             }
         },
         "group": [
@@ -6677,8 +6827,8 @@
     {
         "description": "The vertical padding of the cells in the medium Calendar.\n",
         "commentRange": {
-            "start": 299,
-            "end": 300
+            "start": 312,
+            "end": 313
         },
         "context": {
             "type": "variable",
@@ -6686,8 +6836,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 301,
-                "end": 301
+                "start": 314,
+                "end": 314
             }
         },
         "group": [
@@ -6702,8 +6852,8 @@
     {
         "description": "The font size of the large Calendar.\n",
         "commentRange": {
-            "start": 303,
-            "end": 304
+            "start": 316,
+            "end": 317
         },
         "context": {
             "type": "variable",
@@ -6711,8 +6861,8 @@
             "value": "var( --kendo-font-size-lg, inherit )",
             "scope": "default",
             "line": {
-                "start": 305,
-                "end": 305
+                "start": 318,
+                "end": 318
             }
         },
         "group": [
@@ -6727,8 +6877,8 @@
     {
         "description": "The line height of the large Calendar.\n",
         "commentRange": {
-            "start": 306,
-            "end": 307
+            "start": 319,
+            "end": 320
         },
         "context": {
             "type": "variable",
@@ -6736,8 +6886,8 @@
             "value": "var( --kendo-line-height-lg, normal )",
             "scope": "default",
             "line": {
-                "start": 308,
-                "end": 308
+                "start": 321,
+                "end": 321
             }
         },
         "group": [
@@ -6752,8 +6902,8 @@
     {
         "description": "The size of the cells in the large Calendar.\n",
         "commentRange": {
-            "start": 309,
-            "end": 310
+            "start": 322,
+            "end": 323
         },
         "context": {
             "type": "variable",
@@ -6761,8 +6911,8 @@
             "value": "40px",
             "scope": "default",
             "line": {
-                "start": 311,
-                "end": 311
+                "start": 324,
+                "end": 324
             }
         },
         "group": [
@@ -6777,8 +6927,8 @@
     {
         "description": "The horizontal padding of the cells in the large Calendar.\n",
         "commentRange": {
-            "start": 312,
-            "end": 313
+            "start": 325,
+            "end": 326
         },
         "context": {
             "type": "variable",
@@ -6786,8 +6936,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 314,
-                "end": 314
+                "start": 327,
+                "end": 327
             }
         },
         "group": [
@@ -6802,8 +6952,8 @@
     {
         "description": "The vertical padding of the cells in the large Calendar.\n",
         "commentRange": {
-            "start": 315,
-            "end": 316
+            "start": 328,
+            "end": 329
         },
         "context": {
             "type": "variable",
@@ -6811,8 +6961,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 317,
-                "end": 317
+                "start": 330,
+                "end": 330
             }
         },
         "group": [
@@ -6827,8 +6977,8 @@
     {
         "description": "The sizes Map of the Calendar.\n",
         "commentRange": {
-            "start": 319,
-            "end": 320
+            "start": 332,
+            "end": 333
         },
         "context": {
             "type": "variable",
@@ -6836,8 +6986,8 @@
             "value": "(\n    sm: (\n        font-size: $kendo-calendar-sm-font-size,\n        line-height: $kendo-calendar-sm-line-height,\n        cell-size: $kendo-calendar-sm-cell-size,\n        cell-padding-x: $kendo-calendar-sm-cell-padding-y,\n        cell-padding-y: $kendo-calendar-sm-cell-padding-x\n    ),\n    md: (\n        font-size: $kendo-calendar-md-font-size,\n        line-height: $kendo-calendar-md-line-height,\n        cell-size: $kendo-calendar-md-cell-size,\n        cell-padding-x: $kendo-calendar-md-cell-padding-y,\n        cell-padding-y: $kendo-calendar-md-cell-padding-x\n    ),\n    lg: (\n        font-size: $kendo-calendar-lg-font-size,\n        line-height: $kendo-calendar-lg-line-height,\n        cell-size: $kendo-calendar-lg-cell-size,\n        cell-padding-x: $kendo-calendar-lg-cell-padding-y,\n        cell-padding-y: $kendo-calendar-lg-cell-padding-x\n    )\n)",
             "scope": "default",
             "line": {
-                "start": 321,
-                "end": 343
+                "start": 334,
+                "end": 356
             }
         },
         "group": [
@@ -12258,7 +12408,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-chip-outline-text",
-            "value": "$kendo-chip-solid-text",
+            "value": "if($kendo-enable-color-system, k-color( base-on-surface ), $kendo-chip-solid-text)",
             "scope": "default",
             "line": {
                 "start": 149,
@@ -16619,62 +16769,162 @@
         },
         "context": {
             "type": "variable",
-            "name": "kendo-dock-manager-dock-preview-bg",
-            "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 16%, transparent), rgba( $kendo-color-primary, .16 ))",
+            "name": "kendo-dock-manager-dock-preview-bg",
+            "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 16%, transparent), 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 background color of the Drawer.\n",
+        "commentRange": {
+            "start": 3,
+            "end": 4
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-drawer-bg",
+            "value": "$kendo-component-bg",
+            "scope": "default",
+            "line": {
+                "start": 5,
+                "end": 5
+            }
+        },
+        "group": [
+            "drawer"
+        ],
+        "access": "public",
+        "file": {
+            "path": "drawer/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the Drawer.\n",
+        "commentRange": {
+            "start": 6,
+            "end": 7
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-drawer-text",
+            "value": "$kendo-component-text",
+            "scope": "default",
+            "line": {
+                "start": 8,
+                "end": 8
+            }
+        },
+        "group": [
+            "drawer"
+        ],
+        "access": "public",
+        "file": {
+            "path": "drawer/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the Drawer.\n",
+        "commentRange": {
+            "start": 9,
+            "end": 10
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-drawer-border",
+            "value": "$kendo-component-border",
             "scope": "default",
             "line": {
-                "start": 110,
-                "end": 110
+                "start": 11,
+                "end": 11
             }
         },
         "group": [
-            "dock-manager"
+            "drawer"
         ],
         "access": "public",
         "file": {
-            "path": "dock-manager/_variables.scss",
+            "path": "drawer/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The border color of the dropping area in the DockManager component.\n",
+        "description": "The border width of the Drawer.\n",
         "commentRange": {
-            "start": 111,
-            "end": 112
+            "start": 12,
+            "end": 13
         },
         "context": {
             "type": "variable",
-            "name": "kendo-dock-manager-dock-preview-border",
-            "value": "$kendo-color-primary",
+            "name": "kendo-drawer-border-width",
+            "value": "1px",
             "scope": "default",
             "line": {
-                "start": 113,
-                "end": 113
+                "start": 14,
+                "end": 14
             }
         },
         "group": [
-            "dock-manager"
+            "drawer"
         ],
         "access": "public",
         "file": {
-            "path": "dock-manager/_variables.scss",
+            "path": "drawer/_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
-        "description": "The background color of the Drawer.\n",
+        "description": "The font family of the Drawer.\n",
         "commentRange": {
-            "start": 3,
-            "end": 4
+            "start": 16,
+            "end": 17
         },
         "context": {
             "type": "variable",
-            "name": "kendo-drawer-bg",
-            "value": "$kendo-component-bg",
+            "name": "kendo-drawer-font-family",
+            "value": "var( --kendo-font-family, inherit )",
             "scope": "default",
             "line": {
-                "start": 5,
-                "end": 5
+                "start": 18,
+                "end": 18
             }
         },
         "group": [
@@ -16687,19 +16937,19 @@
         }
     },
     {
-        "description": "The text color of the Drawer.\n",
+        "description": "The font size of the Drawer.\n",
         "commentRange": {
-            "start": 6,
-            "end": 7
+            "start": 19,
+            "end": 20
         },
         "context": {
             "type": "variable",
-            "name": "kendo-drawer-text",
-            "value": "$kendo-component-text",
+            "name": "kendo-drawer-font-size",
+            "value": "var( --kendo-font-size, inherit )",
             "scope": "default",
             "line": {
-                "start": 8,
-                "end": 8
+                "start": 21,
+                "end": 21
             }
         },
         "group": [
@@ -16712,19 +16962,19 @@
         }
     },
     {
-        "description": "The border color of the Drawer.\n",
+        "description": "The line height of the Drawer.\n",
         "commentRange": {
-            "start": 9,
-            "end": 10
+            "start": 22,
+            "end": 23
         },
         "context": {
             "type": "variable",
-            "name": "kendo-drawer-border",
-            "value": "$kendo-component-border",
+            "name": "kendo-drawer-line-height",
+            "value": "var( --kendo-line-height, normal )",
             "scope": "default",
             "line": {
-                "start": 11,
-                "end": 11
+                "start": 24,
+                "end": 24
             }
         },
         "group": [
@@ -16737,19 +16987,19 @@
         }
     },
     {
-        "description": "The border width of the Drawer.\n",
+        "description": "The horizontal padding of the Drawer content.\n",
         "commentRange": {
-            "start": 12,
-            "end": 13
+            "start": 26,
+            "end": 27
         },
         "context": {
             "type": "variable",
-            "name": "kendo-drawer-border-width",
-            "value": "1px",
+            "name": "kendo-drawer-content-padding-x",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 14,
-                "end": 14
+                "start": 28,
+                "end": 28
             }
         },
         "group": [
@@ -16764,17 +17014,17 @@
     {
         "description": "The vertical padding of the Drawer content.\n",
         "commentRange": {
-            "start": 19,
-            "end": 20
+            "start": 30,
+            "end": 31
         },
         "context": {
             "type": "variable",
             "name": "kendo-drawer-content-padding-y",
-            "value": "$kendo-padding-md-y",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 21,
-                "end": 21
+                "start": 32,
+                "end": 32
             }
         },
         "group": [
@@ -16789,8 +17039,8 @@
     {
         "description": "The width of the Drawer scrollbar.\n",
         "commentRange": {
-            "start": 23,
-            "end": 24
+            "start": 34,
+            "end": 35
         },
         "context": {
             "type": "variable",
@@ -16798,8 +17048,8 @@
             "value": "7px",
             "scope": "default",
             "line": {
-                "start": 25,
-                "end": 25
+                "start": 36,
+                "end": 36
             }
         },
         "group": [
@@ -16814,8 +17064,8 @@
     {
         "description": "The color of the Drawer scrollbar track.\n",
         "commentRange": {
-            "start": 26,
-            "end": 27
+            "start": 37,
+            "end": 38
         },
         "context": {
             "type": "variable",
@@ -16823,8 +17073,8 @@
             "value": "rgba(156, 156, 156, .7)",
             "scope": "default",
             "line": {
-                "start": 28,
-                "end": 28
+                "start": 39,
+                "end": 39
             }
         },
         "group": [
@@ -16839,8 +17089,8 @@
     {
         "description": "The background color of the Drawer scrollbar thumb.\n",
         "commentRange": {
-            "start": 29,
-            "end": 30
+            "start": 40,
+            "end": 41
         },
         "context": {
             "type": "variable",
@@ -16848,8 +17098,8 @@
             "value": "#dedede",
             "scope": "default",
             "line": {
-                "start": 31,
-                "end": 31
+                "start": 42,
+                "end": 42
             }
         },
         "group": [
@@ -16864,8 +17114,8 @@
     {
         "description": "The border radius of the Drawer scrollbar.\n",
         "commentRange": {
-            "start": 32,
-            "end": 33
+            "start": 43,
+            "end": 44
         },
         "context": {
             "type": "variable",
@@ -16873,8 +17123,8 @@
             "value": "20px",
             "scope": "default",
             "line": {
-                "start": 34,
-                "end": 34
+                "start": 45,
+                "end": 45
             }
         },
         "group": [
@@ -16889,8 +17139,8 @@
     {
         "description": "The hover color of the Drawer scrollbar track.\n",
         "commentRange": {
-            "start": 35,
-            "end": 36
+            "start": 46,
+            "end": 47
         },
         "context": {
             "type": "variable",
@@ -16898,8 +17148,8 @@
             "value": "rgba(156, 156, 156, 1)",
             "scope": "default",
             "line": {
-                "start": 37,
-                "end": 37
+                "start": 48,
+                "end": 48
             }
         },
         "group": [
@@ -16914,8 +17164,8 @@
     {
         "description": "The horizontal padding of the Drawer item.\n",
         "commentRange": {
-            "start": 39,
-            "end": 40
+            "start": 50,
+            "end": 51
         },
         "context": {
             "type": "variable",
@@ -16923,8 +17173,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 41,
-                "end": 41
+                "start": 52,
+                "end": 52
             }
         },
         "group": [
@@ -16939,8 +17189,8 @@
     {
         "description": "The vertical padding of the Drawer item.\n",
         "commentRange": {
-            "start": 42,
-            "end": 43
+            "start": 53,
+            "end": 54
         },
         "context": {
             "type": "variable",
@@ -16948,8 +17198,8 @@
             "value": "$kendo-padding-md-x",
             "scope": "default",
             "line": {
-                "start": 44,
-                "end": 44
+                "start": 55,
+                "end": 55
             }
         },
         "group": [
@@ -16964,8 +17214,8 @@
     {
         "description": "The font size of the Drawer item.\n",
         "commentRange": {
-            "start": 45,
-            "end": 46
+            "start": 56,
+            "end": 57
         },
         "context": {
             "type": "variable",
@@ -16973,8 +17223,8 @@
             "value": "16px",
             "scope": "default",
             "line": {
-                "start": 47,
-                "end": 47
+                "start": 58,
+                "end": 58
             }
         },
         "group": [
@@ -16989,8 +17239,8 @@
     {
         "description": "The horizontal padding of the Drawer item in each level.\n",
         "commentRange": {
-            "start": 50,
-            "end": 51
+            "start": 61,
+            "end": 62
         },
         "context": {
             "type": "variable",
@@ -16998,8 +17248,8 @@
             "value": "$kendo-drawer-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 52,
-                "end": 52
+                "start": 63,
+                "end": 63
             }
         },
         "group": [
@@ -17014,8 +17264,8 @@
     {
         "description": "The count of the Drawer item levels.\n",
         "commentRange": {
-            "start": 53,
-            "end": 54
+            "start": 64,
+            "end": 65
         },
         "context": {
             "type": "variable",
@@ -17023,8 +17273,8 @@
             "value": "5",
             "scope": "default",
             "line": {
-                "start": 55,
-                "end": 55
+                "start": 66,
+                "end": 66
             }
         },
         "group": [
@@ -17039,8 +17289,8 @@
     {
         "description": "The horizontal padding of the Drawer icon.\n",
         "commentRange": {
-            "start": 57,
-            "end": 58
+            "start": 68,
+            "end": 69
         },
         "context": {
             "type": "variable",
@@ -17048,8 +17298,8 @@
             "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 59,
-                "end": 59
+                "start": 70,
+                "end": 70
             }
         },
         "group": [
@@ -17064,8 +17314,8 @@
     {
         "description": "The vertical padding of the Drawer icon.\n",
         "commentRange": {
-            "start": 61,
-            "end": 62
+            "start": 72,
+            "end": 73
         },
         "context": {
             "type": "variable",
@@ -17073,8 +17323,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 63,
-                "end": 63
+                "start": 74,
+                "end": 74
             }
         },
         "group": [
@@ -17089,8 +17339,8 @@
     {
         "description": "The initial width of the mini Drawer.\n",
         "commentRange": {
-            "start": 65,
-            "end": 66
+            "start": 76,
+            "end": 77
         },
         "context": {
             "type": "variable",
@@ -17098,8 +17348,8 @@
             "value": "calc(2 * #{$kendo-drawer-item-padding-x} + #{$kendo-icon-size})",
             "scope": "default",
             "line": {
-                "start": 67,
-                "end": 67
+                "start": 78,
+                "end": 78
             }
         },
         "group": [
@@ -17114,8 +17364,8 @@
     {
         "description": "The background color of the hovered Drawer item.\n",
         "commentRange": {
-            "start": 69,
-            "end": 70
+            "start": 80,
+            "end": 81
         },
         "context": {
             "type": "variable",
@@ -17123,8 +17373,8 @@
             "value": "$kendo-hover-bg",
             "scope": "default",
             "line": {
-                "start": 71,
-                "end": 71
+                "start": 82,
+                "end": 82
             }
         },
         "group": [
@@ -17139,8 +17389,8 @@
     {
         "description": "The text color of the hovered Drawer item.\n",
         "commentRange": {
-            "start": 72,
-            "end": 73
+            "start": 83,
+            "end": 84
         },
         "context": {
             "type": "variable",
@@ -17148,8 +17398,8 @@
             "value": "$kendo-hover-text",
             "scope": "default",
             "line": {
-                "start": 74,
-                "end": 74
+                "start": 85,
+                "end": 85
             }
         },
         "group": [
@@ -17164,8 +17414,8 @@
     {
         "description": "The background color of the focused Drawer item.\n",
         "commentRange": {
-            "start": 76,
-            "end": 77
+            "start": 87,
+            "end": 88
         },
         "context": {
             "type": "variable",
@@ -17173,8 +17423,8 @@
             "value": "$kendo-drawer-bg",
             "scope": "default",
             "line": {
-                "start": 78,
-                "end": 78
+                "start": 89,
+                "end": 89
             }
         },
         "group": [
@@ -17189,8 +17439,8 @@
     {
         "description": "The box shadow of the focused Drawer item.\n",
         "commentRange": {
-            "start": 79,
-            "end": 80
+            "start": 90,
+            "end": 91
         },
         "context": {
             "type": "variable",
@@ -17198,8 +17448,8 @@
             "value": "$kendo-list-item-focus-shadow",
             "scope": "default",
             "line": {
-                "start": 81,
-                "end": 81
+                "start": 92,
+                "end": 92
             }
         },
         "group": [
@@ -17214,8 +17464,8 @@
     {
         "description": "The background color of the selected Drawer item.\n",
         "commentRange": {
-            "start": 83,
-            "end": 84
+            "start": 94,
+            "end": 95
         },
         "context": {
             "type": "variable",
@@ -17223,8 +17473,8 @@
             "value": "$kendo-selected-bg",
             "scope": "default",
             "line": {
-                "start": 85,
-                "end": 85
+                "start": 96,
+                "end": 96
             }
         },
         "group": [
@@ -17239,8 +17489,8 @@
     {
         "description": "The text color of the selected Drawer item.\n",
         "commentRange": {
-            "start": 86,
-            "end": 87
+            "start": 97,
+            "end": 98
         },
         "context": {
             "type": "variable",
@@ -17248,8 +17498,8 @@
             "value": "$kendo-selected-text",
             "scope": "default",
             "line": {
-                "start": 88,
-                "end": 88
+                "start": 99,
+                "end": 99
             }
         },
         "group": [
@@ -17264,8 +17514,8 @@
     {
         "description": "The background color of the selected and hovered Drawer item.\n",
         "commentRange": {
-            "start": 90,
-            "end": 91
+            "start": 101,
+            "end": 102
         },
         "context": {
             "type": "variable",
@@ -17273,8 +17523,8 @@
             "value": "$kendo-selected-hover-bg",
             "scope": "default",
             "line": {
-                "start": 92,
-                "end": 92
+                "start": 103,
+                "end": 103
             }
         },
         "group": [
@@ -17289,8 +17539,8 @@
     {
         "description": "The text color of the selected and hovered Drawer item.\n",
         "commentRange": {
-            "start": 93,
-            "end": 94
+            "start": 104,
+            "end": 105
         },
         "context": {
             "type": "variable",
@@ -17298,8 +17548,8 @@
             "value": "$kendo-selected-hover-text",
             "scope": "default",
             "line": {
-                "start": 95,
-                "end": 95
+                "start": 106,
+                "end": 106
             }
         },
         "group": [