@progress/kendo-theme-default 8.1.0-dev.0 → 8.1.0-dev.2

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

@@ -1283,7 +1283,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-bottom-nav-line-height",
-            "value": "var( --kendo-line-height-sm, normal )",
+            "value": "var( --kendo-line-height-xs, normal )",
             "scope": "default",
             "line": {
                 "start": 23,
@@ -8208,7 +8208,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-card-title-line-height",
-            "value": "1.25",
+            "value": "var( --kendo-line-height-sm, normal )",
             "scope": "default",
             "line": {
                 "start": 119,
@@ -8358,7 +8358,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-card-subtitle-line-height",
-            "value": "normal",
+            "value": "var( --kendo-line-height-lg, normal )",
             "scope": "default",
             "line": {
                 "start": 138,
@@ -9283,7 +9283,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-chat-timestamp-font-size",
-            "value": "smaller",
+            "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
                 "start": 47,
@@ -9308,7 +9308,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-chat-timestamp-line-height",
-            "value": "null",
+            "value": "var( --kendo-line-height-lg, normal )",
             "scope": "default",
             "line": {
                 "start": 50,
@@ -9400,15 +9400,15 @@
         }
     },
     {
-        "description": "The horizontal padding of the Chat bubble message.\n",
+        "description": "The font size of the Chat message meta text.\n",
         "commentRange": {
             "start": 61,
             "end": 62
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-bubble-padding-x",
-            "value": "k-spacing(3)",
+            "name": "kendo-chat-message-meta-font-size",
+            "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
                 "start": 63,
@@ -9425,15 +9425,15 @@
         }
     },
     {
-        "description": "The vertical padding of the Chat bubble message.\n",
+        "description": "The line height of the Chat message meta text.\n",
         "commentRange": {
             "start": 64,
             "end": 65
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-bubble-padding-y",
-            "value": "k-spacing(2)",
+            "name": "kendo-chat-message-meta-line-height",
+            "value": "var( --kendo-line-height-lg, normal )",
             "scope": "default",
             "line": {
                 "start": 66,
@@ -9449,11 +9449,111 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The font size of the Chat author text.\n",
+        "commentRange": {
+            "start": 68,
+            "end": 69
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-chat-author-font-size",
+            "value": "var( --kendo-font-size-sm, inherit )",
+            "scope": "default",
+            "line": {
+                "start": 70,
+                "end": 70
+            }
+        },
+        "group": [
+            "chat"
+        ],
+        "access": "public",
+        "file": {
+            "path": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the Chat author text.\n",
+        "commentRange": {
+            "start": 71,
+            "end": 72
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-chat-author-line-height",
+            "value": "var( --kendo-line-height-lg, normal )",
+            "scope": "default",
+            "line": {
+                "start": 73,
+                "end": 73
+            }
+        },
+        "group": [
+            "chat"
+        ],
+        "access": "public",
+        "file": {
+            "path": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the Chat bubble message.\n",
+        "commentRange": {
+            "start": 75,
+            "end": 76
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-chat-bubble-padding-x",
+            "value": "k-spacing(3)",
+            "scope": "default",
+            "line": {
+                "start": 77,
+                "end": 77
+            }
+        },
+        "group": [
+            "chat"
+        ],
+        "access": "public",
+        "file": {
+            "path": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the Chat bubble message.\n",
+        "commentRange": {
+            "start": 78,
+            "end": 79
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-chat-bubble-padding-y",
+            "value": "k-spacing(2)",
+            "scope": "default",
+            "line": {
+                "start": 80,
+                "end": 80
+            }
+        },
+        "group": [
+            "chat"
+        ],
+        "access": "public",
+        "file": {
+            "path": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The spacing of the Chat bubble message.\n",
         "commentRange": {
-            "start": 67,
-            "end": 68
+            "start": 81,
+            "end": 82
         },
         "context": {
             "type": "variable",
@@ -9461,8 +9561,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 69,
-                "end": 69
+                "start": 83,
+                "end": 83
             }
         },
         "group": [
@@ -9477,17 +9577,17 @@
     {
         "description": "The line height of the Chat bubble message.\n",
         "commentRange": {
-            "start": 70,
-            "end": 71
+            "start": 84,
+            "end": 85
         },
         "context": {
             "type": "variable",
             "name": "kendo-chat-bubble-line-height",
-            "value": "18px",
+            "value": "var( --kendo-line-height, normal )",
             "scope": "default",
             "line": {
-                "start": 72,
-                "end": 72
+                "start": 86,
+                "end": 86
             }
         },
         "group": [
@@ -9502,8 +9602,8 @@
     {
         "description": "The border radius of the Chat bubble message.\n",
         "commentRange": {
-            "start": 74,
-            "end": 75
+            "start": 88,
+            "end": 89
         },
         "context": {
             "type": "variable",
@@ -9511,8 +9611,8 @@
             "value": "12px",
             "scope": "default",
             "line": {
-                "start": 76,
-                "end": 76
+                "start": 90,
+                "end": 90
             }
         },
         "group": [
@@ -9527,8 +9627,8 @@
     {
         "description": "The border radius of the Chat small bubble message\n",
         "commentRange": {
-            "start": 77,
-            "end": 78
+            "start": 91,
+            "end": 92
         },
         "context": {
             "type": "variable",
@@ -9536,8 +9636,8 @@
             "value": "2px",
             "scope": "default",
             "line": {
-                "start": 79,
-                "end": 79
+                "start": 93,
+                "end": 93
             }
         },
         "group": [
@@ -9552,8 +9652,8 @@
     {
         "description": "The size of the Chat Avatar.\n",
         "commentRange": {
-            "start": 81,
-            "end": 82
+            "start": 95,
+            "end": 96
         },
         "context": {
             "type": "variable",
@@ -9561,8 +9661,8 @@
             "value": "32px",
             "scope": "default",
             "line": {
-                "start": 83,
-                "end": 83
+                "start": 97,
+                "end": 97
             }
         },
         "group": [
@@ -9577,8 +9677,8 @@
     {
         "description": "The spacing of the Chat Avatar.\n",
         "commentRange": {
-            "start": 84,
-            "end": 85
+            "start": 98,
+            "end": 99
         },
         "context": {
             "type": "variable",
@@ -9586,8 +9686,8 @@
             "value": "$kendo-chat-item-spacing-x",
             "scope": "default",
             "line": {
-                "start": 86,
-                "end": 86
+                "start": 100,
+                "end": 100
             }
         },
         "group": [
@@ -9602,8 +9702,8 @@
     {
         "description": "The horizontal padding of the Chat Toolbar.\n",
         "commentRange": {
-            "start": 88,
-            "end": 89
+            "start": 102,
+            "end": 103
         },
         "context": {
             "type": "variable",
@@ -9611,8 +9711,8 @@
             "value": "$kendo-toolbar-md-padding-x",
             "scope": "default",
             "line": {
-                "start": 90,
-                "end": 90
+                "start": 104,
+                "end": 104
             }
         },
         "group": [
@@ -9627,8 +9727,8 @@
     {
         "description": "The vertical padding of the Chat Toolbar.\n",
         "commentRange": {
-            "start": 91,
-            "end": 92
+            "start": 105,
+            "end": 106
         },
         "context": {
             "type": "variable",
@@ -9636,8 +9736,8 @@
             "value": "$kendo-toolbar-md-padding-y",
             "scope": "default",
             "line": {
-                "start": 93,
-                "end": 93
+                "start": 107,
+                "end": 107
             }
         },
         "group": [
@@ -9652,8 +9752,8 @@
     {
         "description": "The spacing of the Chat Toolbar.\n",
         "commentRange": {
-            "start": 94,
-            "end": 95
+            "start": 108,
+            "end": 109
         },
         "context": {
             "type": "variable",
@@ -9661,8 +9761,8 @@
             "value": "$kendo-toolbar-md-spacing",
             "scope": "default",
             "line": {
-                "start": 96,
-                "end": 96
+                "start": 110,
+                "end": 110
             }
         },
         "group": [
@@ -9677,8 +9777,8 @@
     {
         "description": "The background color of the Chat Toolbar.\n",
         "commentRange": {
-            "start": 97,
-            "end": 98
+            "start": 111,
+            "end": 112
         },
         "context": {
             "type": "variable",
@@ -9686,8 +9786,8 @@
             "value": "$kendo-toolbar-bg",
             "scope": "default",
             "line": {
-                "start": 99,
-                "end": 99
+                "start": 113,
+                "end": 113
             }
         },
         "group": [
@@ -9702,8 +9802,8 @@
     {
         "description": "The text color of the Chat Toolbar.\n",
         "commentRange": {
-            "start": 100,
-            "end": 101
+            "start": 114,
+            "end": 115
         },
         "context": {
             "type": "variable",
@@ -9711,8 +9811,8 @@
             "value": "$kendo-toolbar-text",
             "scope": "default",
             "line": {
-                "start": 102,
-                "end": 102
+                "start": 116,
+                "end": 116
             }
         },
         "group": [
@@ -9727,8 +9827,8 @@
     {
         "description": "The border color of the Chat Toolbar.\n",
         "commentRange": {
-            "start": 103,
-            "end": 104
+            "start": 117,
+            "end": 118
         },
         "context": {
             "type": "variable",
@@ -9736,8 +9836,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 105,
-                "end": 105
+                "start": 119,
+                "end": 119
             }
         },
         "group": [
@@ -9752,8 +9852,8 @@
     {
         "description": "The horizontal padding of the Chat quick reply.\n",
         "commentRange": {
-            "start": 107,
-            "end": 108
+            "start": 121,
+            "end": 122
         },
         "context": {
             "type": "variable",
@@ -9761,8 +9861,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 109,
-                "end": 109
+                "start": 123,
+                "end": 123
             }
         },
         "group": [
@@ -9777,8 +9877,8 @@
     {
         "description": "The vertical padding of the Chat quick reply.\n",
         "commentRange": {
-            "start": 110,
-            "end": 111
+            "start": 124,
+            "end": 125
         },
         "context": {
             "type": "variable",
@@ -9786,8 +9886,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 112,
-                "end": 112
+                "start": 126,
+                "end": 126
             }
         },
         "group": [
@@ -9802,8 +9902,8 @@
     {
         "description": "The spacing of the Chat quick reply.\n",
         "commentRange": {
-            "start": 113,
-            "end": 114
+            "start": 127,
+            "end": 128
         },
         "context": {
             "type": "variable",
@@ -9811,8 +9911,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 115,
-                "end": 115
+                "start": 129,
+                "end": 129
             }
         },
         "group": [
@@ -9827,8 +9927,8 @@
     {
         "description": "The line height of the Chat quick reply.\n",
         "commentRange": {
-            "start": 116,
-            "end": 117
+            "start": 130,
+            "end": 131
         },
         "context": {
             "type": "variable",
@@ -9836,8 +9936,8 @@
             "value": "$kendo-chat-bubble-line-height",
             "scope": "default",
             "line": {
-                "start": 118,
-                "end": 118
+                "start": 132,
+                "end": 132
             }
         },
         "group": [
@@ -9852,8 +9952,8 @@
     {
         "description": "The background color of the Chat.\n",
         "commentRange": {
-            "start": 121,
-            "end": 122
+            "start": 135,
+            "end": 136
         },
         "context": {
             "type": "variable",
@@ -9861,8 +9961,8 @@
             "value": "$kendo-app-bg",
             "scope": "default",
             "line": {
-                "start": 123,
-                "end": 123
+                "start": 137,
+                "end": 137
             }
         },
         "group": [
@@ -9877,8 +9977,8 @@
     {
         "description": "The text color of the Chat.\n",
         "commentRange": {
-            "start": 124,
-            "end": 125
+            "start": 138,
+            "end": 139
         },
         "context": {
             "type": "variable",
@@ -9886,8 +9986,8 @@
             "value": "$kendo-app-text",
             "scope": "default",
             "line": {
-                "start": 126,
-                "end": 126
+                "start": 140,
+                "end": 140
             }
         },
         "group": [
@@ -9902,8 +10002,8 @@
     {
         "description": "The border color of the Chat.\n",
         "commentRange": {
-            "start": 127,
-            "end": 128
+            "start": 141,
+            "end": 142
         },
         "context": {
             "type": "variable",
@@ -9911,8 +10011,8 @@
             "value": "$kendo-app-border",
             "scope": "default",
             "line": {
-                "start": 129,
-                "end": 129
+                "start": 143,
+                "end": 143
             }
         },
         "group": [
@@ -9927,8 +10027,8 @@
     {
         "description": "The background color of the Chat bubble.\n",
         "commentRange": {
-            "start": 131,
-            "end": 132
+            "start": 145,
+            "end": 146
         },
         "context": {
             "type": "variable",
@@ -9936,8 +10036,8 @@
             "value": "$kendo-component-bg",
             "scope": "default",
             "line": {
-                "start": 133,
-                "end": 133
+                "start": 147,
+                "end": 147
             }
         },
         "group": [
@@ -9952,8 +10052,8 @@
     {
         "description": "The text color of the Chat bubble.\n",
         "commentRange": {
-            "start": 134,
-            "end": 135
+            "start": 148,
+            "end": 149
         },
         "context": {
             "type": "variable",
@@ -9961,8 +10061,8 @@
             "value": "$kendo-component-text",
             "scope": "default",
             "line": {
-                "start": 136,
-                "end": 136
+                "start": 150,
+                "end": 150
             }
         },
         "group": [
@@ -9977,8 +10077,8 @@
     {
         "description": "The border color of the Chat bubble.\n",
         "commentRange": {
-            "start": 137,
-            "end": 138
+            "start": 151,
+            "end": 152
         },
         "context": {
             "type": "variable",
@@ -9986,8 +10086,8 @@
             "value": "$kendo-chat-bubble-bg",
             "scope": "default",
             "line": {
-                "start": 139,
-                "end": 139
+                "start": 153,
+                "end": 153
             }
         },
         "group": [
@@ -10002,8 +10102,8 @@
     {
         "description": "The box shadow of the Chat bubble.\n",
         "commentRange": {
-            "start": 140,
-            "end": 141
+            "start": 154,
+            "end": 155
         },
         "context": {
             "type": "variable",
@@ -10011,8 +10111,8 @@
             "value": "k-elevation(1)",
             "scope": "default",
             "line": {
-                "start": 142,
-                "end": 142
+                "start": 156,
+                "end": 156
             }
         },
         "group": [
@@ -10027,8 +10127,8 @@
     {
         "description": "The shadow of the hovered Chat bubble.\n",
         "commentRange": {
-            "start": 143,
-            "end": 144
+            "start": 157,
+            "end": 158
         },
         "context": {
             "type": "variable",
@@ -10036,8 +10136,8 @@
             "value": "k-elevation(2)",
             "scope": "default",
             "line": {
-                "start": 145,
-                "end": 145
+                "start": 159,
+                "end": 159
             }
         },
         "group": [
@@ -10052,8 +10152,8 @@
     {
         "description": "The shadow of the selected Chat bubble.\n",
         "commentRange": {
-            "start": 146,
-            "end": 147
+            "start": 160,
+            "end": 161
         },
         "context": {
             "type": "variable",
@@ -10061,8 +10161,8 @@
             "value": "k-elevation(3)",
             "scope": "default",
             "line": {
-                "start": 148,
-                "end": 148
+                "start": 162,
+                "end": 162
             }
         },
         "group": [
@@ -10077,8 +10177,8 @@
     {
         "description": "The background color of the Chat alt bubble.\n",
         "commentRange": {
-            "start": 150,
-            "end": 151
+            "start": 164,
+            "end": 165
         },
         "context": {
             "type": "variable",
@@ -10086,8 +10186,8 @@
             "value": "$kendo-color-primary",
             "scope": "default",
             "line": {
-                "start": 152,
-                "end": 152
+                "start": 166,
+                "end": 166
             }
         },
         "group": [
@@ -10102,8 +10202,8 @@
     {
         "description": "The text color of the Chat alt bubble.\n",
         "commentRange": {
-            "start": 153,
-            "end": 154
+            "start": 167,
+            "end": 168
         },
         "context": {
             "type": "variable",
@@ -10111,8 +10211,8 @@
             "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-chat-alt-bubble-bg ))",
             "scope": "default",
             "line": {
-                "start": 155,
-                "end": 155
+                "start": 169,
+                "end": 169
             }
         },
         "group": [
@@ -10127,8 +10227,8 @@
     {
         "description": "The border color of the Chat alt bubble.\n",
         "commentRange": {
-            "start": 156,
-            "end": 157
+            "start": 170,
+            "end": 171
         },
         "context": {
             "type": "variable",
@@ -10136,8 +10236,8 @@
             "value": "$kendo-chat-alt-bubble-bg",
             "scope": "default",
             "line": {
-                "start": 158,
-                "end": 158
+                "start": 172,
+                "end": 172
             }
         },
         "group": [
@@ -10152,8 +10252,8 @@
     {
         "description": "The shadow of the Chat alt bubble.\n",
         "commentRange": {
-            "start": 159,
-            "end": 160
+            "start": 173,
+            "end": 174
         },
         "context": {
             "type": "variable",
@@ -10161,8 +10261,8 @@
             "value": "k-elevation(1)",
             "scope": "default",
             "line": {
-                "start": 161,
-                "end": 161
+                "start": 175,
+                "end": 175
             }
         },
         "group": [
@@ -10177,8 +10277,8 @@
     {
         "description": "The shadow of the hovered Chat alt bubble.\n",
         "commentRange": {
-            "start": 162,
-            "end": 163
+            "start": 176,
+            "end": 177
         },
         "context": {
             "type": "variable",
@@ -10186,8 +10286,8 @@
             "value": "k-elevation(2)",
             "scope": "default",
             "line": {
-                "start": 164,
-                "end": 164
+                "start": 178,
+                "end": 178
             }
         },
         "group": [
@@ -10202,8 +10302,8 @@
     {
         "description": "The shadow of the selected Chat alt bubble.\n",
         "commentRange": {
-            "start": 165,
-            "end": 166
+            "start": 179,
+            "end": 180
         },
         "context": {
             "type": "variable",
@@ -10211,8 +10311,8 @@
             "value": "k-elevation(3)",
             "scope": "default",
             "line": {
-                "start": 167,
-                "end": 167
+                "start": 181,
+                "end": 181
             }
         },
         "group": [
@@ -10227,8 +10327,8 @@
     {
         "description": "The background color of the Chat quick reply.\n",
         "commentRange": {
-            "start": 169,
-            "end": 170
+            "start": 183,
+            "end": 184
         },
         "context": {
             "type": "variable",
@@ -10236,8 +10336,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 171,
-                "end": 171
+                "start": 185,
+                "end": 185
             }
         },
         "group": [
@@ -10252,8 +10352,8 @@
     {
         "description": "The text color of the Chat quick reply.\n",
         "commentRange": {
-            "start": 172,
-            "end": 173
+            "start": 186,
+            "end": 187
         },
         "context": {
             "type": "variable",
@@ -10261,8 +10361,8 @@
             "value": "$kendo-color-primary",
             "scope": "default",
             "line": {
-                "start": 174,
-                "end": 174
+                "start": 188,
+                "end": 188
             }
         },
         "group": [
@@ -10277,8 +10377,8 @@
     {
         "description": "The border color of the Chat quick reply.\n",
         "commentRange": {
-            "start": 175,
-            "end": 176
+            "start": 189,
+            "end": 190
         },
         "context": {
             "type": "variable",
@@ -10286,8 +10386,8 @@
             "value": "$kendo-color-primary",
             "scope": "default",
             "line": {
-                "start": 177,
-                "end": 177
+                "start": 191,
+                "end": 191
             }
         },
         "group": [
@@ -10302,8 +10402,8 @@
     {
         "description": "The background color of the hovered Chat quick reply.\n",
         "commentRange": {
-            "start": 179,
-            "end": 180
+            "start": 193,
+            "end": 194
         },
         "context": {
             "type": "variable",
@@ -10311,8 +10411,8 @@
             "value": "$kendo-color-primary",
             "scope": "default",
             "line": {
-                "start": 181,
-                "end": 181
+                "start": 195,
+                "end": 195
             }
         },
         "group": [
@@ -10327,8 +10427,8 @@
     {
         "description": "The text color of the hovered Chat quick reply.\n",
         "commentRange": {
-            "start": 182,
-            "end": 183
+            "start": 196,
+            "end": 197
         },
         "context": {
             "type": "variable",
@@ -10336,8 +10436,8 @@
             "value": "$kendo-color-primary-contrast",
             "scope": "default",
             "line": {
-                "start": 184,
-                "end": 184
+                "start": 198,
+                "end": 198
             }
         },
         "group": [
@@ -10352,8 +10452,8 @@
     {
         "description": "The border color of the hovered Chat quick reply.\n",
         "commentRange": {
-            "start": 185,
-            "end": 186
+            "start": 199,
+            "end": 200
         },
         "context": {
             "type": "variable",
@@ -10361,8 +10461,8 @@
             "value": "$kendo-color-primary",
             "scope": "default",
             "line": {
-                "start": 187,
-                "end": 187
+                "start": 201,
+                "end": 201
             }
         },
         "group": [
@@ -15833,8 +15933,8 @@
     {
         "description": "Icon size.\n",
         "commentRange": {
-            "start": 17,
-            "end": 18
+            "start": 19,
+            "end": 20
         },
         "context": {
             "type": "variable",
@@ -15842,8 +15942,8 @@
             "value": "16px",
             "scope": "default",
             "line": {
-                "start": 19,
-                "end": 19
+                "start": 21,
+                "end": 21
             }
         },
         "group": [
@@ -15858,8 +15958,8 @@
     {
         "description": "xtra small icon size.\n",
         "commentRange": {
-            "start": 20,
-            "end": 21
+            "start": 22,
+            "end": 23
         },
         "context": {
             "type": "variable",
@@ -15867,8 +15967,8 @@
             "value": "calc( #{$kendo-icon-size} * .75 )",
             "scope": "default",
             "line": {
-                "start": 22,
-                "end": 22
+                "start": 24,
+                "end": 24
             }
         },
         "group": [
@@ -15883,8 +15983,8 @@
     {
         "description": "Small icon size.\n",
         "commentRange": {
-            "start": 23,
-            "end": 24
+            "start": 25,
+            "end": 26
         },
         "context": {
             "type": "variable",
@@ -15892,8 +15992,8 @@
             "value": "calc( #{$kendo-icon-size} * .875 )",
             "scope": "default",
             "line": {
-                "start": 25,
-                "end": 25
+                "start": 27,
+                "end": 27
             }
         },
         "group": [
@@ -15908,8 +16008,8 @@
     {
         "description": "Medium icon size.\n",
         "commentRange": {
-            "start": 26,
-            "end": 27
+            "start": 28,
+            "end": 29
         },
         "context": {
             "type": "variable",
@@ -15917,8 +16017,8 @@
             "value": "$kendo-icon-size",
             "scope": "default",
             "line": {
-                "start": 28,
-                "end": 28
+                "start": 30,
+                "end": 30
             }
         },
         "group": [
@@ -15933,8 +16033,8 @@
     {
         "description": "Large icon size.\n",
         "commentRange": {
-            "start": 29,
-            "end": 30
+            "start": 31,
+            "end": 32
         },
         "context": {
             "type": "variable",
@@ -15942,8 +16042,8 @@
             "value": "calc( #{$kendo-icon-size} * 1.25 )",
             "scope": "default",
             "line": {
-                "start": 31,
-                "end": 31
+                "start": 33,
+                "end": 33
             }
         },
         "group": [
@@ -15958,8 +16058,8 @@
     {
         "description": "Extra large icon size.\n",
         "commentRange": {
-            "start": 32,
-            "end": 33
+            "start": 34,
+            "end": 35
         },
         "context": {
             "type": "variable",
@@ -15967,8 +16067,8 @@
             "value": "calc( #{$kendo-icon-size} * 1.5 )",
             "scope": "default",
             "line": {
-                "start": 34,
-                "end": 34
+                "start": 36,
+                "end": 36
             }
         },
         "group": [
@@ -15983,8 +16083,8 @@
     {
         "description": "Double extra large icon size.\n",
         "commentRange": {
-            "start": 35,
-            "end": 36
+            "start": 37,
+            "end": 38
         },
         "context": {
             "type": "variable",
@@ -15992,8 +16092,8 @@
             "value": "calc( #{$kendo-icon-size} * 2 )",
             "scope": "default",
             "line": {
-                "start": 37,
-                "end": 37
+                "start": 39,
+                "end": 39
             }
         },
         "group": [
@@ -16008,8 +16108,8 @@
     {
         "description": "Triple extra large icon size.\n",
         "commentRange": {
-            "start": 38,
-            "end": 39
+            "start": 40,
+            "end": 41
         },
         "context": {
             "type": "variable",
@@ -16017,8 +16117,8 @@
             "value": "calc( #{$kendo-icon-size} * 3 )",
             "scope": "default",
             "line": {
-                "start": 40,
-                "end": 40
+                "start": 42,
+                "end": 42
             }
         },
         "group": [
@@ -16433,8 +16533,8 @@
     {
         "description": "Background color of the component header.\n",
         "commentRange": {
-            "start": 608,
-            "end": 609
+            "start": 605,
+            "end": 606
         },
         "context": {
             "type": "variable",
@@ -16442,8 +16542,8 @@
             "value": "$kendo-base-bg",
             "scope": "default",
             "line": {
-                "start": 610,
-                "end": 610
+                "start": 607,
+                "end": 607
             }
         },
         "group": [
@@ -16458,8 +16558,8 @@
     {
         "description": "Text color of the component header.\n",
         "commentRange": {
-            "start": 611,
-            "end": 612
+            "start": 608,
+            "end": 609
         },
         "context": {
             "type": "variable",
@@ -16467,8 +16567,8 @@
             "value": "$kendo-base-text",
             "scope": "default",
             "line": {
-                "start": 613,
-                "end": 613
+                "start": 610,
+                "end": 610
             }
         },
         "group": [
@@ -16483,8 +16583,8 @@
     {
         "description": "Border color of the component header.\n",
         "commentRange": {
-            "start": 614,
-            "end": 615
+            "start": 611,
+            "end": 612
         },
         "context": {
             "type": "variable",
@@ -16492,8 +16592,8 @@
             "value": "$kendo-base-border",
             "scope": "default",
             "line": {
-                "start": 616,
-                "end": 616
+                "start": 613,
+                "end": 613
             }
         },
         "group": [
@@ -16508,8 +16608,8 @@
     {
         "description": "Gradient of the component header.\n",
         "commentRange": {
-            "start": 617,
-            "end": 618
+            "start": 614,
+            "end": 615
         },
         "context": {
             "type": "variable",
@@ -16517,8 +16617,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 619,
-                "end": 619
+                "start": 616,
+                "end": 616
             }
         },
         "group": [
@@ -16533,8 +16633,8 @@
     {
         "description": "Background color of the invalid items.\n",
         "commentRange": {
-            "start": 621,
-            "end": 622
+            "start": 618,
+            "end": 619
         },
         "context": {
             "type": "variable",
@@ -16542,8 +16642,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 623,
-                "end": 623
+                "start": 620,
+                "end": 620
             }
         },
         "group": [
@@ -16558,8 +16658,8 @@
     {
         "description": "Text color of the invalid items.\n",
         "commentRange": {
-            "start": 624,
-            "end": 625
+            "start": 621,
+            "end": 622
         },
         "context": {
             "type": "variable",
@@ -16567,8 +16667,8 @@
             "value": "$kendo-color-error",
             "scope": "default",
             "line": {
-                "start": 626,
-                "end": 626
+                "start": 623,
+                "end": 623
             }
         },
         "group": [
@@ -16583,8 +16683,8 @@
     {
         "description": "Border color of the invalid items.\n",
         "commentRange": {
-            "start": 627,
-            "end": 628
+            "start": 624,
+            "end": 625
         },
         "context": {
             "type": "variable",
@@ -16592,8 +16692,8 @@
             "value": "$kendo-color-error",
             "scope": "default",
             "line": {
-                "start": 629,
-                "end": 629
+                "start": 626,
+                "end": 626
             }
         },
         "group": [
@@ -16608,8 +16708,8 @@
     {
         "description": "Shadow of the invalid items.\n",
         "commentRange": {
-            "start": 630,
-            "end": 631
+            "start": 627,
+            "end": 628
         },
         "context": {
             "type": "variable",
@@ -16617,8 +16717,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 632,
-                "end": 632
+                "start": 629,
+                "end": 629
             }
         },
         "group": [
@@ -16633,8 +16733,8 @@
     {
         "description": "Background color of the valid items.\n",
         "commentRange": {
-            "start": 634,
-            "end": 635
+            "start": 631,
+            "end": 632
         },
         "context": {
             "type": "variable",
@@ -16642,8 +16742,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 636,
-                "end": 636
+                "start": 633,
+                "end": 633
             }
         },
         "group": [
@@ -16658,8 +16758,8 @@
     {
         "description": "Text color of the valid items.\n",
         "commentRange": {
-            "start": 637,
-            "end": 638
+            "start": 634,
+            "end": 635
         },
         "context": {
             "type": "variable",
@@ -16667,8 +16767,8 @@
             "value": "$kendo-color-success",
             "scope": "default",
             "line": {
-                "start": 639,
-                "end": 639
+                "start": 636,
+                "end": 636
             }
         },
         "group": [
@@ -16683,8 +16783,8 @@
     {
         "description": "Border color of the valid items.\n",
         "commentRange": {
-            "start": 640,
-            "end": 641
+            "start": 637,
+            "end": 638
         },
         "context": {
             "type": "variable",
@@ -16692,8 +16792,8 @@
             "value": "$kendo-color-success",
             "scope": "default",
             "line": {
-                "start": 642,
-                "end": 642
+                "start": 639,
+                "end": 639
             }
         },
         "group": [
@@ -16708,8 +16808,8 @@
     {
         "description": "Shadow of the valid items.\n",
         "commentRange": {
-            "start": 643,
-            "end": 644
+            "start": 640,
+            "end": 641
         },
         "context": {
             "type": "variable",
@@ -16717,8 +16817,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 645,
-                "end": 645
+                "start": 642,
+                "end": 642
             }
         },
         "group": [
@@ -18214,7 +18314,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-drawer-item-font-size",
-            "value": "16px",
+            "value": "var( --kendo-font-size-lg, inherit )",
             "scope": "default",
             "line": {
                 "start": 58,
@@ -18230,11 +18330,36 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The line height of the Drawer item.\n",
+        "commentRange": {
+            "start": 59,
+            "end": 60
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-drawer-item-line-height",
+            "value": "var( --kendo-line-height-lg, normal )",
+            "scope": "default",
+            "line": {
+                "start": 61,
+                "end": 61
+            }
+        },
+        "group": [
+            "drawer"
+        ],
+        "access": "public",
+        "file": {
+            "path": "drawer/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The horizontal padding of the Drawer item in each level.\n",
         "commentRange": {
-            "start": 61,
-            "end": 62
+            "start": 63,
+            "end": 64
         },
         "context": {
             "type": "variable",
@@ -18242,8 +18367,8 @@
             "value": "$kendo-drawer-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 63,
-                "end": 63
+                "start": 65,
+                "end": 65
             }
         },
         "group": [
@@ -18258,8 +18383,8 @@
     {
         "description": "The count of the Drawer item levels.\n",
         "commentRange": {
-            "start": 64,
-            "end": 65
+            "start": 66,
+            "end": 67
         },
         "context": {
             "type": "variable",
@@ -18267,8 +18392,8 @@
             "value": "5",
             "scope": "default",
             "line": {
-                "start": 66,
-                "end": 66
+                "start": 68,
+                "end": 68
             }
         },
         "group": [
@@ -18283,8 +18408,8 @@
     {
         "description": "The horizontal padding of the Drawer icon.\n",
         "commentRange": {
-            "start": 68,
-            "end": 69
+            "start": 70,
+            "end": 71
         },
         "context": {
             "type": "variable",
@@ -18292,8 +18417,8 @@
             "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 70,
-                "end": 70
+                "start": 72,
+                "end": 72
             }
         },
         "group": [
@@ -18308,8 +18433,8 @@
     {
         "description": "The vertical padding of the Drawer icon.\n",
         "commentRange": {
-            "start": 72,
-            "end": 73
+            "start": 74,
+            "end": 75
         },
         "context": {
             "type": "variable",
@@ -18317,8 +18442,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 74,
-                "end": 74
+                "start": 76,
+                "end": 76
             }
         },
         "group": [
@@ -18333,8 +18458,8 @@
     {
         "description": "The initial width of the mini Drawer.\n",
         "commentRange": {
-            "start": 76,
-            "end": 77
+            "start": 78,
+            "end": 79
         },
         "context": {
             "type": "variable",
@@ -18342,8 +18467,8 @@
             "value": "calc(2 * #{$kendo-drawer-item-padding-x} + #{$kendo-icon-size})",
             "scope": "default",
             "line": {
-                "start": 78,
-                "end": 78
+                "start": 80,
+                "end": 80
             }
         },
         "group": [
@@ -18358,8 +18483,8 @@
     {
         "description": "The background color of the hovered Drawer item.\n",
         "commentRange": {
-            "start": 80,
-            "end": 81
+            "start": 82,
+            "end": 83
         },
         "context": {
             "type": "variable",
@@ -18367,8 +18492,8 @@
             "value": "$kendo-hover-bg",
             "scope": "default",
             "line": {
-                "start": 82,
-                "end": 82
+                "start": 84,
+                "end": 84
             }
         },
         "group": [
@@ -18383,8 +18508,8 @@
     {
         "description": "The text color of the hovered Drawer item.\n",
         "commentRange": {
-            "start": 83,
-            "end": 84
+            "start": 85,
+            "end": 86
         },
         "context": {
             "type": "variable",
@@ -18392,8 +18517,8 @@
             "value": "$kendo-hover-text",
             "scope": "default",
             "line": {
-                "start": 85,
-                "end": 85
+                "start": 87,
+                "end": 87
             }
         },
         "group": [
@@ -18408,8 +18533,8 @@
     {
         "description": "The background color of the focused Drawer item.\n",
         "commentRange": {
-            "start": 87,
-            "end": 88
+            "start": 89,
+            "end": 90
         },
         "context": {
             "type": "variable",
@@ -18417,8 +18542,8 @@
             "value": "$kendo-drawer-bg",
             "scope": "default",
             "line": {
-                "start": 89,
-                "end": 89
+                "start": 91,
+                "end": 91
             }
         },
         "group": [
@@ -18433,8 +18558,8 @@
     {
         "description": "The box shadow of the focused Drawer item.\n",
         "commentRange": {
-            "start": 90,
-            "end": 91
+            "start": 92,
+            "end": 93
         },
         "context": {
             "type": "variable",
@@ -18442,8 +18567,8 @@
             "value": "$kendo-list-item-focus-shadow",
             "scope": "default",
             "line": {
-                "start": 92,
-                "end": 92
+                "start": 94,
+                "end": 94
             }
         },
         "group": [
@@ -18458,8 +18583,8 @@
     {
         "description": "The background color of the selected Drawer item.\n",
         "commentRange": {
-            "start": 94,
-            "end": 95
+            "start": 96,
+            "end": 97
         },
         "context": {
             "type": "variable",
@@ -18467,8 +18592,8 @@
             "value": "$kendo-selected-bg",
             "scope": "default",
             "line": {
-                "start": 96,
-                "end": 96
+                "start": 98,
+                "end": 98
             }
         },
         "group": [
@@ -18483,8 +18608,8 @@
     {
         "description": "The text color of the selected Drawer item.\n",
         "commentRange": {
-            "start": 97,
-            "end": 98
+            "start": 99,
+            "end": 100
         },
         "context": {
             "type": "variable",
@@ -18492,8 +18617,8 @@
             "value": "$kendo-selected-text",
             "scope": "default",
             "line": {
-                "start": 99,
-                "end": 99
+                "start": 101,
+                "end": 101
             }
         },
         "group": [
@@ -18508,8 +18633,8 @@
     {
         "description": "The background color of the selected and hovered Drawer item.\n",
         "commentRange": {
-            "start": 101,
-            "end": 102
+            "start": 103,
+            "end": 104
         },
         "context": {
             "type": "variable",
@@ -18517,8 +18642,8 @@
             "value": "$kendo-selected-hover-bg",
             "scope": "default",
             "line": {
-                "start": 103,
-                "end": 103
+                "start": 105,
+                "end": 105
             }
         },
         "group": [
@@ -18533,8 +18658,8 @@
     {
         "description": "The text color of the selected and hovered Drawer item.\n",
         "commentRange": {
-            "start": 104,
-            "end": 105
+            "start": 106,
+            "end": 107
         },
         "context": {
             "type": "variable",
@@ -18542,8 +18667,8 @@
             "value": "$kendo-selected-hover-text",
             "scope": "default",
             "line": {
-                "start": 106,
-                "end": 106
+                "start": 108,
+                "end": 108
             }
         },
         "group": [
@@ -23564,7 +23689,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-form-legend-font-size",
-            "value": "14px",
+            "value": "var( --kendo-font-size, inherit )",
             "scope": "default",
             "line": {
                 "start": 56,
@@ -23664,7 +23789,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-form-hint-font-size",
-            "value": "12px",
+            "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
                 "start": 71,
@@ -24064,7 +24189,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-label-optional-font-size",
-            "value": "12px",
+            "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
                 "start": 127,
@@ -31955,6 +32080,31 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The z-index of the Loading indicator.\n",
+        "commentRange": {
+            "start": 127,
+            "end": 128
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-zindex-loading",
+            "value": "100",
+            "scope": "default",
+            "line": {
+                "start": 129,
+                "end": 129
+            }
+        },
+        "group": [
+            "loading"
+        ],
+        "access": "public",
+        "file": {
+            "path": "loader/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "Horizontal padding of the menu popup.\n",
         "commentRange": {
@@ -35555,6 +35705,256 @@
             "name": "_palettes.scss"
         }
     },
+    {
+        "description": "The border radius of the Panel.\n",
+        "commentRange": {
+            "start": 2,
+            "end": 3
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-panel-border-radius",
+            "value": "k-border-radius(md)",
+            "scope": "private",
+            "line": {
+                "start": 4,
+                "end": 4
+            }
+        },
+        "group": [
+            "panel"
+        ],
+        "access": "public",
+        "file": {
+            "path": "panel/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The width of the border around the Panel.\n",
+        "commentRange": {
+            "start": 5,
+            "end": 6
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-panel-border-width",
+            "value": "1px",
+            "scope": "private",
+            "line": {
+                "start": 7,
+                "end": 7
+            }
+        },
+        "group": [
+            "panel"
+        ],
+        "access": "public",
+        "file": {
+            "path": "panel/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The style of the border around the Panel.\n",
+        "commentRange": {
+            "start": 8,
+            "end": 9
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-panel-border-style",
+            "value": "solid",
+            "scope": "private",
+            "line": {
+                "start": 10,
+                "end": 10
+            }
+        },
+        "group": [
+            "panel"
+        ],
+        "access": "public",
+        "file": {
+            "path": "panel/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The inline padding of the Panel header.\n",
+        "commentRange": {
+            "start": 12,
+            "end": 13
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-panel-header-padding-inline",
+            "value": "k-spacing(2)",
+            "scope": "private",
+            "line": {
+                "start": 14,
+                "end": 14
+            }
+        },
+        "group": [
+            "panel"
+        ],
+        "access": "public",
+        "file": {
+            "path": "panel/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The block padding of the Panel header.\n",
+        "commentRange": {
+            "start": 15,
+            "end": 16
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-panel-header-padding-block",
+            "value": "k-spacing(1)",
+            "scope": "private",
+            "line": {
+                "start": 17,
+                "end": 17
+            }
+        },
+        "group": [
+            "panel"
+        ],
+        "access": "public",
+        "file": {
+            "path": "panel/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The inline padding of the Panel content.\n",
+        "commentRange": {
+            "start": 19,
+            "end": 20
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-panel-content-padding-inline",
+            "value": "k-spacing(2)",
+            "scope": "private",
+            "line": {
+                "start": 21,
+                "end": 21
+            }
+        },
+        "group": [
+            "panel"
+        ],
+        "access": "public",
+        "file": {
+            "path": "panel/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The block padding of the Panel content.\n",
+        "commentRange": {
+            "start": 22,
+            "end": 23
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-panel-content-padding-block",
+            "value": "k-spacing(1)",
+            "scope": "private",
+            "line": {
+                "start": 24,
+                "end": 24
+            }
+        },
+        "group": [
+            "panel"
+        ],
+        "access": "public",
+        "file": {
+            "path": "panel/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the Panel.\n",
+        "commentRange": {
+            "start": 26,
+            "end": 27
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-panel-text",
+            "value": "var(--kendo-component-text, #{$kendo-component-text})",
+            "scope": "private",
+            "line": {
+                "start": 28,
+                "end": 28
+            }
+        },
+        "group": [
+            "panel"
+        ],
+        "access": "public",
+        "file": {
+            "path": "panel/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the Panel.\n",
+        "commentRange": {
+            "start": 29,
+            "end": 30
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-panel-bg",
+            "value": "var(--kendo-component-bg, #{$kendo-component-bg})",
+            "scope": "private",
+            "line": {
+                "start": 31,
+                "end": 31
+            }
+        },
+        "group": [
+            "panel"
+        ],
+        "access": "public",
+        "file": {
+            "path": "panel/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The color of the border around the Panel.\n",
+        "commentRange": {
+            "start": 32,
+            "end": 33
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-panel-border",
+            "value": "var(--kendo-component-border, #{$kendo-component-border})",
+            "scope": "private",
+            "line": {
+                "start": 34,
+                "end": 34
+            }
+        },
+        "group": [
+            "panel"
+        ],
+        "access": "public",
+        "file": {
+            "path": "panel/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The horizontal padding of the PanelBar.\n",
         "commentRange": {
@@ -40714,7 +41114,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-progressbar-line-height",
-            "value": "1",
+            "value": "var( --kendo-line-height-xs, normal )",
             "scope": "default",
             "line": {
                 "start": 23,
@@ -50042,7 +50442,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-stepper-indicator-disabled-text",
-            "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), $kendo-disabled-text)",
+            "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8f8f8f)",
             "scope": "default",
             "line": {
                 "start": 106,
@@ -50642,7 +51042,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-stepper-label-disabled-text",
-            "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), $kendo-disabled-text)",
+            "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8f8f8f)",
             "scope": "default",
             "line": {
                 "start": 185,
@@ -56508,6 +56908,56 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The border width of the current time indicator.\n",
+        "commentRange": {
+            "start": 1,
+            "end": 2
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-current-time-width",
+            "value": "1px",
+            "scope": "default",
+            "line": {
+                "start": 3,
+                "end": 3
+            }
+        },
+        "group": [
+            "time-marker"
+        ],
+        "access": "public",
+        "file": {
+            "path": "time-marker/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The color of the current time indicator.\n",
+        "commentRange": {
+            "start": 4,
+            "end": 5
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-current-time-color",
+            "value": "#ff0000",
+            "scope": "default",
+            "line": {
+                "start": 6,
+                "end": 6
+            }
+        },
+        "group": [
+            "time-marker"
+        ],
+        "access": "public",
+        "file": {
+            "path": "time-marker/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The horizontal spacing of the Timeline.\n",
         "commentRange": {
@@ -58592,7 +59042,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-tooltip-line-height",
-            "value": "1.25",
+            "value": "var( --kendo-line-height-sm, normal )",
             "scope": "default",
             "line": {
                 "start": 24,
@@ -58642,7 +59092,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-tooltip-title-line-height",
-            "value": "1",
+            "value": "var( --kendo-line-height-xs, normal )",
             "scope": "default",
             "line": {
                 "start": 31,
@@ -62011,8 +62461,8 @@
     {
         "description": "Box shadow of focused items.\n",
         "commentRange": {
-            "start": 52,
-            "end": 52
+            "start": 53,
+            "end": 53
         },
         "context": {
             "type": "variable",
@@ -62020,8 +62470,8 @@
             "value": "inset 0 0 0 2px rgba(0, 0, 0, .13)",
             "scope": "default",
             "line": {
-                "start": 53,
-                "end": 53
+                "start": 54,
+                "end": 54
             }
         },
         "access": "public",
@@ -62036,8 +62486,8 @@
     {
         "description": "Transition used across all components.\n",
         "commentRange": {
-            "start": 55,
-            "end": 55
+            "start": 56,
+            "end": 56
         },
         "context": {
             "type": "variable",
@@ -62045,58 +62495,8 @@
             "value": "color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out",
             "scope": "default",
             "line": {
-                "start": 56,
-                "end": 56
-            }
-        },
-        "access": "public",
-        "group": [
-            "undefined"
-        ],
-        "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "Filter used for disabled items.\n",
-        "commentRange": {
-            "start": 59,
-            "end": 59
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-disabled-filter",
-            "value": "grayscale(.1)",
-            "scope": "default",
-            "line": {
-                "start": 60,
-                "end": 60
-            }
-        },
-        "access": "public",
-        "group": [
-            "undefined"
-        ],
-        "file": {
-            "path": "_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "Opacity used for disabled items.\n",
-        "commentRange": {
-            "start": 61,
-            "end": 61
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-disabled-opacity",
-            "value": ".6",
-            "scope": "default",
-            "line": {
-                "start": 62,
-                "end": 62
+                "start": 57,
+                "end": 57
             }
         },
         "access": "public",
@@ -62508,31 +62908,6 @@
             "name": "_swatch.scss"
         }
     },
-    {
-        "description": "Text color of disabled items.\n",
-        "commentRange": {
-            "start": 603,
-            "end": 603
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-disabled-text",
-            "value": "#8f8f8f",
-            "scope": "default",
-            "line": {
-                "start": 604,
-                "end": 604
-            }
-        },
-        "access": "public",
-        "group": [
-            "undefined"
-        ],
-        "file": {
-            "path": "core/color-system/_swatch.scss",
-            "name": "_swatch.scss"
-        }
-    },
     {
         "description": "The displays Map.\n",
         "commentRange": {
@@ -63042,7 +63417,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-upload-validation-font-size",
-            "value": "11px",
+            "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
                 "start": 68,
@@ -63059,15 +63434,15 @@
         }
     },
     {
-        "description": "The horizontal spacing of the Upload status icon.\n",
+        "description": "The line height of the Upload validation message.\n",
         "commentRange": {
             "start": 69,
             "end": 70
         },
         "context": {
             "type": "variable",
-            "name": "kendo-upload-icon-spacing",
-            "value": "$kendo-icon-spacing",
+            "name": "kendo-upload-validation-line-height",
+            "value": "var( --kendo-line-height-xs, normal )",
             "scope": "default",
             "line": {
                 "start": 71,
@@ -63084,15 +63459,15 @@
         }
     },
     {
-        "description": "The color of the uploaded items icon.\n",
+        "description": "The horizontal spacing of the Upload status icon.\n",
         "commentRange": {
             "start": 72,
             "end": 73
         },
         "context": {
             "type": "variable",
-            "name": "kendo-upload-icon-color",
-            "value": "$kendo-subtle-text",
+            "name": "kendo-upload-icon-spacing",
+            "value": "$kendo-icon-spacing",
             "scope": "default",
             "line": {
                 "start": 74,
@@ -63108,11 +63483,36 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The color of the uploaded items icon.\n",
+        "commentRange": {
+            "start": 75,
+            "end": 76
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-upload-icon-color",
+            "value": "$kendo-subtle-text",
+            "scope": "default",
+            "line": {
+                "start": 77,
+                "end": 77
+            }
+        },
+        "group": [
+            "upload"
+        ],
+        "access": "public",
+        "file": {
+            "path": "upload/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The thickness of the Upload progress bar.\n",
         "commentRange": {
-            "start": 76,
-            "end": 77
+            "start": 79,
+            "end": 80
         },
         "context": {
             "type": "variable",
@@ -63120,8 +63520,8 @@
             "value": "2px",
             "scope": "default",
             "line": {
-                "start": 78,
-                "end": 78
+                "start": 81,
+                "end": 81
             }
         },
         "group": [
@@ -63136,8 +63536,8 @@
     {
         "description": "The background color of the Upload progress bar.\n",
         "commentRange": {
-            "start": 79,
-            "end": 80
+            "start": 82,
+            "end": 83
         },
         "context": {
             "type": "variable",
@@ -63145,8 +63545,8 @@
             "value": "$kendo-color-info",
             "scope": "default",
             "line": {
-                "start": 81,
-                "end": 81
+                "start": 84,
+                "end": 84
             }
         },
         "group": [
@@ -63161,8 +63561,8 @@
     {
         "description": "The success text color of the Upload.\n",
         "commentRange": {
-            "start": 83,
-            "end": 84
+            "start": 86,
+            "end": 87
         },
         "context": {
             "type": "variable",
@@ -63170,8 +63570,8 @@
             "value": "$kendo-color-success",
             "scope": "default",
             "line": {
-                "start": 85,
-                "end": 85
+                "start": 88,
+                "end": 88
             }
         },
         "group": [
@@ -63186,8 +63586,8 @@
     {
         "description": "The success background color of the Upload progress bar.\n",
         "commentRange": {
-            "start": 86,
-            "end": 87
+            "start": 89,
+            "end": 90
         },
         "context": {
             "type": "variable",
@@ -63195,8 +63595,8 @@
             "value": "$kendo-color-success",
             "scope": "default",
             "line": {
-                "start": 88,
-                "end": 88
+                "start": 91,
+                "end": 91
             }
         },
         "group": [
@@ -63211,8 +63611,8 @@
     {
         "description": "The error text color of the Upload.\n",
         "commentRange": {
-            "start": 90,
-            "end": 91
+            "start": 93,
+            "end": 94
         },
         "context": {
             "type": "variable",
@@ -63220,8 +63620,8 @@
             "value": "$kendo-color-error",
             "scope": "default",
             "line": {
-                "start": 92,
-                "end": 92
+                "start": 95,
+                "end": 95
             }
         },
         "group": [
@@ -63236,8 +63636,8 @@
     {
         "description": "The error background color of the Upload progress bar.\n",
         "commentRange": {
-            "start": 93,
-            "end": 94
+            "start": 96,
+            "end": 97
         },
         "context": {
             "type": "variable",
@@ -63245,8 +63645,8 @@
             "value": "$kendo-color-error",
             "scope": "default",
             "line": {
-                "start": 95,
-                "end": 95
+                "start": 98,
+                "end": 98
             }
         },
         "group": [
@@ -63261,8 +63661,8 @@
     {
         "description": "The shadow of the focused Upload button, actions and uploaded items.\n",
         "commentRange": {
-            "start": 97,
-            "end": 98
+            "start": 100,
+            "end": 101
         },
         "context": {
             "type": "variable",
@@ -63270,8 +63670,8 @@
             "value": "0 0 0 2px rgba(0, 0, 0, .13)",
             "scope": "default",
             "line": {
-                "start": 99,
-                "end": 99
+                "start": 102,
+                "end": 102
             }
         },
         "group": [
@@ -63392,7 +63792,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-window-line-height",
-            "value": "1.25",
+            "value": "var( --kendo-line-height-sm, normal )",
             "scope": "default",
             "line": {
                 "start": 19,
@@ -63542,7 +63942,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-window-title-line-height",
-            "value": "1.25",
+            "value": "var( --kendo-line-height-sm, normal )",
             "scope": "default",
             "line": {
                 "start": 39,
@@ -66277,6 +66677,131 @@
             "name": "index.import.scss"
         }
     },
+    {
+        "description": "The background color of disabled items.\n",
+        "commentRange": {
+            "start": 41,
+            "end": 41
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-disabled-bg",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 42,
+                "end": 42
+            }
+        },
+        "access": "public",
+        "group": [
+            "undefined"
+        ],
+        "file": {
+            "path": "core/scss/color-system/_swatch-legacy.scss",
+            "name": "_swatch-legacy.scss"
+        }
+    },
+    {
+        "description": "The text color of disabled items.\n",
+        "commentRange": {
+            "start": 43,
+            "end": 43
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-disabled-text",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 44,
+                "end": 44
+            }
+        },
+        "access": "public",
+        "group": [
+            "undefined"
+        ],
+        "file": {
+            "path": "core/scss/color-system/_swatch-legacy.scss",
+            "name": "_swatch-legacy.scss"
+        }
+    },
+    {
+        "description": "The border color of disabled items.\n",
+        "commentRange": {
+            "start": 45,
+            "end": 45
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-disabled-border",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 46,
+                "end": 46
+            }
+        },
+        "access": "public",
+        "group": [
+            "undefined"
+        ],
+        "file": {
+            "path": "core/scss/color-system/_swatch-legacy.scss",
+            "name": "_swatch-legacy.scss"
+        }
+    },
+    {
+        "description": "The opacity of disabled items.\n",
+        "commentRange": {
+            "start": 47,
+            "end": 47
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-disabled-opacity",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 48,
+                "end": 48
+            }
+        },
+        "access": "public",
+        "group": [
+            "undefined"
+        ],
+        "file": {
+            "path": "core/scss/color-system/_swatch-legacy.scss",
+            "name": "_swatch-legacy.scss"
+        }
+    },
+    {
+        "description": "The filter of disabled items.\n",
+        "commentRange": {
+            "start": 49,
+            "end": 49
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-disabled-filter",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 50,
+                "end": 50
+            }
+        },
+        "access": "public",
+        "group": [
+            "undefined"
+        ],
+        "file": {
+            "path": "core/scss/color-system/_swatch-legacy.scss",
+            "name": "_swatch-legacy.scss"
+        }
+    },
     {
         "description": "A list of files converted to data URIs\n",
         "commentRange": {