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

package/dist/meta/sassdoc-data.json

@@ -1426,7 +1426,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,
@@ -1441,7 +1441,7 @@
                 "path": "classic/scss/bottom-navigation/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-line-height-sm, normal)",
+            "resolvedValue": "var(--kendo-line-height-xs, normal)",
             "resolvedType": "String"
         },
         {
@@ -8987,7 +8987,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,
@@ -9002,8 +9002,8 @@
                 "path": "classic/scss/card/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "1.25",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-line-height-sm, normal)",
+            "resolvedType": "String"
         },
         {
             "description": "The font weight of the Card title.\n",
@@ -9149,7 +9149,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-card-subtitle-line-height",
-                "value": "normal",
+                "value": "var( --kendo-line-height-lg, normal )",
                 "scope": "default",
                 "line": {
                     "start": 138,
@@ -9164,7 +9164,7 @@
                 "path": "classic/scss/card/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "normal",
+            "resolvedValue": "var(--kendo-line-height-lg, normal)",
             "resolvedType": "String"
         },
         {
@@ -10148,7 +10148,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-chat-timestamp-font-size",
-                "value": "smaller",
+                "value": "var( --kendo-font-size-sm, inherit )",
                 "scope": "default",
                 "line": {
                     "start": 47,
@@ -10163,7 +10163,7 @@
                 "path": "classic/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "smaller",
+            "resolvedValue": "var(--kendo-font-size-sm, inherit)",
             "resolvedType": "String"
         },
         {
@@ -10175,7 +10175,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-chat-timestamp-line-height",
-                "value": "null",
+                "value": "var( --kendo-line-height-lg, normal )",
                 "scope": "default",
                 "line": {
                     "start": 50,
@@ -10190,8 +10190,8 @@
                 "path": "classic/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "null",
-            "resolvedType": "Null"
+            "resolvedValue": "var(--kendo-line-height-lg, normal)",
+            "resolvedType": "String"
         },
         {
             "description": "The text transform of the Chat timestamp.\n",
@@ -10275,15 +10275,15 @@
             "resolvedType": "Null"
         },
         {
-            "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,
@@ -10298,19 +10298,19 @@
                 "path": "classic/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-spacing-3, 0.75rem)",
+            "resolvedValue": "var(--kendo-font-size-sm, inherit)",
             "resolvedType": "String"
         },
         {
-            "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,
@@ -10325,14 +10325,122 @@
                 "path": "classic/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
+            "resolvedValue": "var(--kendo-line-height-lg, normal)",
+            "resolvedType": "String"
+        },
+        {
+            "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": "classic/scss/chat/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-font-size-sm, inherit)",
+            "resolvedType": "String"
+        },
+        {
+            "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": "classic/scss/chat/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-line-height-lg, normal)",
+            "resolvedType": "String"
+        },
+        {
+            "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": "classic/scss/chat/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-spacing-3, 0.75rem)",
+            "resolvedType": "String"
+        },
+        {
+            "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": "classic/scss/chat/_variables.scss",
+                "name": "_variables.scss"
+            },
             "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
             "resolvedType": "String"
         },
         {
             "description": "The spacing of the Chat bubble message.\n",
             "commentRange": {
-                "start": 67,
-                "end": 68
+                "start": 81,
+                "end": 82
             },
             "context": {
                 "type": "variable",
@@ -10340,8 +10448,8 @@
                 "value": "k-spacing(0.5)",
                 "scope": "default",
                 "line": {
-                    "start": 69,
-                    "end": 69
+                    "start": 83,
+                    "end": 83
                 }
             },
             "group": [
@@ -10358,17 +10466,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": [
@@ -10379,14 +10487,14 @@
                 "path": "classic/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "18px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-line-height, normal)",
+            "resolvedType": "String"
         },
         {
             "description": "The border radius of the Chat bubble message.\n",
             "commentRange": {
-                "start": 74,
-                "end": 75
+                "start": 88,
+                "end": 89
             },
             "context": {
                 "type": "variable",
@@ -10394,8 +10502,8 @@
                 "value": "12px",
                 "scope": "default",
                 "line": {
-                    "start": 76,
-                    "end": 76
+                    "start": 90,
+                    "end": 90
                 }
             },
             "group": [
@@ -10412,8 +10520,8 @@
         {
             "description": "The border radius of the Chat small bubble message\n",
             "commentRange": {
-                "start": 77,
-                "end": 78
+                "start": 91,
+                "end": 92
             },
             "context": {
                 "type": "variable",
@@ -10421,8 +10529,8 @@
                 "value": "2px",
                 "scope": "default",
                 "line": {
-                    "start": 79,
-                    "end": 79
+                    "start": 93,
+                    "end": 93
                 }
             },
             "group": [
@@ -10439,8 +10547,8 @@
         {
             "description": "The size of the Chat Avatar.\n",
             "commentRange": {
-                "start": 81,
-                "end": 82
+                "start": 95,
+                "end": 96
             },
             "context": {
                 "type": "variable",
@@ -10448,8 +10556,8 @@
                 "value": "32px",
                 "scope": "default",
                 "line": {
-                    "start": 83,
-                    "end": 83
+                    "start": 97,
+                    "end": 97
                 }
             },
             "group": [
@@ -10466,8 +10574,8 @@
         {
             "description": "The spacing of the Chat Avatar.\n",
             "commentRange": {
-                "start": 84,
-                "end": 85
+                "start": 98,
+                "end": 99
             },
             "context": {
                 "type": "variable",
@@ -10475,8 +10583,8 @@
                 "value": "$kendo-chat-item-spacing-x",
                 "scope": "default",
                 "line": {
-                    "start": 86,
-                    "end": 86
+                    "start": 100,
+                    "end": 100
                 }
             },
             "group": [
@@ -10493,8 +10601,8 @@
         {
             "description": "The horizontal padding of the Chat Toolbar.\n",
             "commentRange": {
-                "start": 88,
-                "end": 89
+                "start": 102,
+                "end": 103
             },
             "context": {
                 "type": "variable",
@@ -10502,8 +10610,8 @@
                 "value": "$kendo-toolbar-md-padding-x",
                 "scope": "default",
                 "line": {
-                    "start": 90,
-                    "end": 90
+                    "start": 104,
+                    "end": 104
                 }
             },
             "group": [
@@ -10520,8 +10628,8 @@
         {
             "description": "The vertical padding of the Chat Toolbar.\n",
             "commentRange": {
-                "start": 91,
-                "end": 92
+                "start": 105,
+                "end": 106
             },
             "context": {
                 "type": "variable",
@@ -10529,8 +10637,8 @@
                 "value": "$kendo-toolbar-md-padding-y",
                 "scope": "default",
                 "line": {
-                    "start": 93,
-                    "end": 93
+                    "start": 107,
+                    "end": 107
                 }
             },
             "group": [
@@ -10547,8 +10655,8 @@
         {
             "description": "The spacing of the Chat Toolbar.\n",
             "commentRange": {
-                "start": 94,
-                "end": 95
+                "start": 108,
+                "end": 109
             },
             "context": {
                 "type": "variable",
@@ -10556,8 +10664,8 @@
                 "value": "$kendo-toolbar-md-spacing",
                 "scope": "default",
                 "line": {
-                    "start": 96,
-                    "end": 96
+                    "start": 110,
+                    "end": 110
                 }
             },
             "group": [
@@ -10574,8 +10682,8 @@
         {
             "description": "The background color of the Chat Toolbar.\n",
             "commentRange": {
-                "start": 97,
-                "end": 98
+                "start": 111,
+                "end": 112
             },
             "context": {
                 "type": "variable",
@@ -10583,8 +10691,8 @@
                 "value": "$kendo-toolbar-bg",
                 "scope": "default",
                 "line": {
-                    "start": 99,
-                    "end": 99
+                    "start": 113,
+                    "end": 113
                 }
             },
             "group": [
@@ -10601,8 +10709,8 @@
         {
             "description": "The text color of the Chat Toolbar.\n",
             "commentRange": {
-                "start": 100,
-                "end": 101
+                "start": 114,
+                "end": 115
             },
             "context": {
                 "type": "variable",
@@ -10610,8 +10718,8 @@
                 "value": "$kendo-toolbar-text",
                 "scope": "default",
                 "line": {
-                    "start": 102,
-                    "end": 102
+                    "start": 116,
+                    "end": 116
                 }
             },
             "group": [
@@ -10628,8 +10736,8 @@
         {
             "description": "The border color of the Chat Toolbar.\n",
             "commentRange": {
-                "start": 103,
-                "end": 104
+                "start": 117,
+                "end": 118
             },
             "context": {
                 "type": "variable",
@@ -10637,8 +10745,8 @@
                 "value": "inherit",
                 "scope": "default",
                 "line": {
-                    "start": 105,
-                    "end": 105
+                    "start": 119,
+                    "end": 119
                 }
             },
             "group": [
@@ -10655,8 +10763,8 @@
         {
             "description": "The horizontal padding of the Chat quick reply.\n",
             "commentRange": {
-                "start": 107,
-                "end": 108
+                "start": 121,
+                "end": 122
             },
             "context": {
                 "type": "variable",
@@ -10664,8 +10772,8 @@
                 "value": "k-spacing(3)",
                 "scope": "default",
                 "line": {
-                    "start": 109,
-                    "end": 109
+                    "start": 123,
+                    "end": 123
                 }
             },
             "group": [
@@ -10682,8 +10790,8 @@
         {
             "description": "The vertical padding of the Chat quick reply.\n",
             "commentRange": {
-                "start": 110,
-                "end": 111
+                "start": 124,
+                "end": 125
             },
             "context": {
                 "type": "variable",
@@ -10691,8 +10799,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 112,
-                    "end": 112
+                    "start": 126,
+                    "end": 126
                 }
             },
             "group": [
@@ -10709,8 +10817,8 @@
         {
             "description": "The spacing of the Chat quick reply.\n",
             "commentRange": {
-                "start": 113,
-                "end": 114
+                "start": 127,
+                "end": 128
             },
             "context": {
                 "type": "variable",
@@ -10718,8 +10826,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 115,
-                    "end": 115
+                    "start": 129,
+                    "end": 129
                 }
             },
             "group": [
@@ -10736,8 +10844,8 @@
         {
             "description": "The line height of the Chat quick reply.\n",
             "commentRange": {
-                "start": 116,
-                "end": 117
+                "start": 130,
+                "end": 131
             },
             "context": {
                 "type": "variable",
@@ -10745,8 +10853,8 @@
                 "value": "$kendo-chat-bubble-line-height",
                 "scope": "default",
                 "line": {
-                    "start": 118,
-                    "end": 118
+                    "start": 132,
+                    "end": 132
                 }
             },
             "group": [
@@ -10757,14 +10865,14 @@
                 "path": "classic/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "18px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-line-height, normal)",
+            "resolvedType": "String"
         },
         {
             "description": "The background color of the Chat.\n",
             "commentRange": {
-                "start": 121,
-                "end": 122
+                "start": 135,
+                "end": 136
             },
             "context": {
                 "type": "variable",
@@ -10772,8 +10880,8 @@
                 "value": "$kendo-app-bg",
                 "scope": "default",
                 "line": {
-                    "start": 123,
-                    "end": 123
+                    "start": 137,
+                    "end": 137
                 }
             },
             "group": [
@@ -10790,8 +10898,8 @@
         {
             "description": "The text color of the Chat.\n",
             "commentRange": {
-                "start": 124,
-                "end": 125
+                "start": 138,
+                "end": 139
             },
             "context": {
                 "type": "variable",
@@ -10799,8 +10907,8 @@
                 "value": "$kendo-app-text",
                 "scope": "default",
                 "line": {
-                    "start": 126,
-                    "end": 126
+                    "start": 140,
+                    "end": 140
                 }
             },
             "group": [
@@ -10817,8 +10925,8 @@
         {
             "description": "The border color of the Chat.\n",
             "commentRange": {
-                "start": 127,
-                "end": 128
+                "start": 141,
+                "end": 142
             },
             "context": {
                 "type": "variable",
@@ -10826,8 +10934,8 @@
                 "value": "$kendo-app-border",
                 "scope": "default",
                 "line": {
-                    "start": 129,
-                    "end": 129
+                    "start": 143,
+                    "end": 143
                 }
             },
             "group": [
@@ -10844,8 +10952,8 @@
         {
             "description": "The background color of the Chat bubble.\n",
             "commentRange": {
-                "start": 131,
-                "end": 132
+                "start": 145,
+                "end": 146
             },
             "context": {
                 "type": "variable",
@@ -10853,8 +10961,8 @@
                 "value": "$kendo-component-bg",
                 "scope": "default",
                 "line": {
-                    "start": 133,
-                    "end": 133
+                    "start": 147,
+                    "end": 147
                 }
             },
             "group": [
@@ -10871,8 +10979,8 @@
         {
             "description": "The text color of the Chat bubble.\n",
             "commentRange": {
-                "start": 134,
-                "end": 135
+                "start": 148,
+                "end": 149
             },
             "context": {
                 "type": "variable",
@@ -10880,8 +10988,8 @@
                 "value": "$kendo-component-text",
                 "scope": "default",
                 "line": {
-                    "start": 136,
-                    "end": 136
+                    "start": 150,
+                    "end": 150
                 }
             },
             "group": [
@@ -10898,8 +11006,8 @@
         {
             "description": "The border color of the Chat bubble.\n",
             "commentRange": {
-                "start": 137,
-                "end": 138
+                "start": 151,
+                "end": 152
             },
             "context": {
                 "type": "variable",
@@ -10907,8 +11015,8 @@
                 "value": "$kendo-chat-bubble-bg",
                 "scope": "default",
                 "line": {
-                    "start": 139,
-                    "end": 139
+                    "start": 153,
+                    "end": 153
                 }
             },
             "group": [
@@ -10925,8 +11033,8 @@
         {
             "description": "The box shadow of the Chat bubble.\n",
             "commentRange": {
-                "start": 140,
-                "end": 141
+                "start": 154,
+                "end": 155
             },
             "context": {
                 "type": "variable",
@@ -10934,8 +11042,8 @@
                 "value": "k-elevation(1)",
                 "scope": "default",
                 "line": {
-                    "start": 142,
-                    "end": 142
+                    "start": 156,
+                    "end": 156
                 }
             },
             "group": [
@@ -10952,8 +11060,8 @@
         {
             "description": "The shadow of the hovered Chat bubble.\n",
             "commentRange": {
-                "start": 143,
-                "end": 144
+                "start": 157,
+                "end": 158
             },
             "context": {
                 "type": "variable",
@@ -10961,8 +11069,8 @@
                 "value": "k-elevation(2)",
                 "scope": "default",
                 "line": {
-                    "start": 145,
-                    "end": 145
+                    "start": 159,
+                    "end": 159
                 }
             },
             "group": [
@@ -10979,8 +11087,8 @@
         {
             "description": "The shadow of the selected Chat bubble.\n",
             "commentRange": {
-                "start": 146,
-                "end": 147
+                "start": 160,
+                "end": 161
             },
             "context": {
                 "type": "variable",
@@ -10988,8 +11096,8 @@
                 "value": "k-elevation(3)",
                 "scope": "default",
                 "line": {
-                    "start": 148,
-                    "end": 148
+                    "start": 162,
+                    "end": 162
                 }
             },
             "group": [
@@ -11006,8 +11114,8 @@
         {
             "description": "The background color of the Chat alt bubble.\n",
             "commentRange": {
-                "start": 150,
-                "end": 151
+                "start": 164,
+                "end": 165
             },
             "context": {
                 "type": "variable",
@@ -11015,8 +11123,8 @@
                 "value": "$kendo-color-primary",
                 "scope": "default",
                 "line": {
-                    "start": 152,
-                    "end": 152
+                    "start": 166,
+                    "end": 166
                 }
             },
             "group": [
@@ -11033,8 +11141,8 @@
         {
             "description": "The text color of the Chat alt bubble.\n",
             "commentRange": {
-                "start": 153,
-                "end": 154
+                "start": 167,
+                "end": 168
             },
             "context": {
                 "type": "variable",
@@ -11042,8 +11150,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": [
@@ -11060,8 +11168,8 @@
         {
             "description": "The border color of the Chat alt bubble.\n",
             "commentRange": {
-                "start": 156,
-                "end": 157
+                "start": 170,
+                "end": 171
             },
             "context": {
                 "type": "variable",
@@ -11069,8 +11177,8 @@
                 "value": "$kendo-chat-alt-bubble-bg",
                 "scope": "default",
                 "line": {
-                    "start": 158,
-                    "end": 158
+                    "start": 172,
+                    "end": 172
                 }
             },
             "group": [
@@ -11087,8 +11195,8 @@
         {
             "description": "The shadow of the Chat alt bubble.\n",
             "commentRange": {
-                "start": 159,
-                "end": 160
+                "start": 173,
+                "end": 174
             },
             "context": {
                 "type": "variable",
@@ -11096,8 +11204,8 @@
                 "value": "k-elevation(1)",
                 "scope": "default",
                 "line": {
-                    "start": 161,
-                    "end": 161
+                    "start": 175,
+                    "end": 175
                 }
             },
             "group": [
@@ -11114,8 +11222,8 @@
         {
             "description": "The shadow of the hovered Chat alt bubble.\n",
             "commentRange": {
-                "start": 162,
-                "end": 163
+                "start": 176,
+                "end": 177
             },
             "context": {
                 "type": "variable",
@@ -11123,8 +11231,8 @@
                 "value": "k-elevation(2)",
                 "scope": "default",
                 "line": {
-                    "start": 164,
-                    "end": 164
+                    "start": 178,
+                    "end": 178
                 }
             },
             "group": [
@@ -11141,8 +11249,8 @@
         {
             "description": "The shadow of the selected Chat alt bubble.\n",
             "commentRange": {
-                "start": 165,
-                "end": 166
+                "start": 179,
+                "end": 180
             },
             "context": {
                 "type": "variable",
@@ -11150,8 +11258,8 @@
                 "value": "k-elevation(3)",
                 "scope": "default",
                 "line": {
-                    "start": 167,
-                    "end": 167
+                    "start": 181,
+                    "end": 181
                 }
             },
             "group": [
@@ -11168,8 +11276,8 @@
         {
             "description": "The background color of the Chat quick reply.\n",
             "commentRange": {
-                "start": 169,
-                "end": 170
+                "start": 183,
+                "end": 184
             },
             "context": {
                 "type": "variable",
@@ -11177,8 +11285,8 @@
                 "value": "transparent",
                 "scope": "default",
                 "line": {
-                    "start": 171,
-                    "end": 171
+                    "start": 185,
+                    "end": 185
                 }
             },
             "group": [
@@ -11195,8 +11303,8 @@
         {
             "description": "The text color of the Chat quick reply.\n",
             "commentRange": {
-                "start": 172,
-                "end": 173
+                "start": 186,
+                "end": 187
             },
             "context": {
                 "type": "variable",
@@ -11204,8 +11312,8 @@
                 "value": "$kendo-color-primary",
                 "scope": "default",
                 "line": {
-                    "start": 174,
-                    "end": 174
+                    "start": 188,
+                    "end": 188
                 }
             },
             "group": [
@@ -11222,8 +11330,8 @@
         {
             "description": "The border color of the Chat quick reply.\n",
             "commentRange": {
-                "start": 175,
-                "end": 176
+                "start": 189,
+                "end": 190
             },
             "context": {
                 "type": "variable",
@@ -11231,8 +11339,8 @@
                 "value": "$kendo-color-primary",
                 "scope": "default",
                 "line": {
-                    "start": 177,
-                    "end": 177
+                    "start": 191,
+                    "end": 191
                 }
             },
             "group": [
@@ -11249,8 +11357,8 @@
         {
             "description": "The background color of the hovered Chat quick reply.\n",
             "commentRange": {
-                "start": 179,
-                "end": 180
+                "start": 193,
+                "end": 194
             },
             "context": {
                 "type": "variable",
@@ -11258,8 +11366,8 @@
                 "value": "$kendo-color-primary",
                 "scope": "default",
                 "line": {
-                    "start": 181,
-                    "end": 181
+                    "start": 195,
+                    "end": 195
                 }
             },
             "group": [
@@ -11276,8 +11384,8 @@
         {
             "description": "The text color of the hovered Chat quick reply.\n",
             "commentRange": {
-                "start": 182,
-                "end": 183
+                "start": 196,
+                "end": 197
             },
             "context": {
                 "type": "variable",
@@ -11285,8 +11393,8 @@
                 "value": "$kendo-color-primary-contrast",
                 "scope": "default",
                 "line": {
-                    "start": 184,
-                    "end": 184
+                    "start": 198,
+                    "end": 198
                 }
             },
             "group": [
@@ -11303,8 +11411,8 @@
         {
             "description": "The border color of the hovered Chat quick reply.\n",
             "commentRange": {
-                "start": 185,
-                "end": 186
+                "start": 199,
+                "end": 200
             },
             "context": {
                 "type": "variable",
@@ -11312,8 +11420,8 @@
                 "value": "$kendo-color-primary",
                 "scope": "default",
                 "line": {
-                    "start": 187,
-                    "end": 187
+                    "start": 201,
+                    "end": 201
                 }
             },
             "group": [
@@ -17539,8 +17647,8 @@
         {
             "description": "Background color of the component header.\n",
             "commentRange": {
-                "start": 608,
-                "end": 609
+                "start": 605,
+                "end": 606
             },
             "context": {
                 "type": "variable",
@@ -17548,8 +17656,8 @@
                 "value": "$kendo-base-bg",
                 "scope": "default",
                 "line": {
-                    "start": 610,
-                    "end": 610
+                    "start": 607,
+                    "end": 607
                 }
             },
             "group": [
@@ -17566,8 +17674,8 @@
         {
             "description": "Text color of the component header.\n",
             "commentRange": {
-                "start": 611,
-                "end": 612
+                "start": 608,
+                "end": 609
             },
             "context": {
                 "type": "variable",
@@ -17575,8 +17683,8 @@
                 "value": "$kendo-base-text",
                 "scope": "default",
                 "line": {
-                    "start": 613,
-                    "end": 613
+                    "start": 610,
+                    "end": 610
                 }
             },
             "group": [
@@ -17593,8 +17701,8 @@
         {
             "description": "Border color of the component header.\n",
             "commentRange": {
-                "start": 614,
-                "end": 615
+                "start": 611,
+                "end": 612
             },
             "context": {
                 "type": "variable",
@@ -17602,8 +17710,8 @@
                 "value": "$kendo-base-border",
                 "scope": "default",
                 "line": {
-                    "start": 616,
-                    "end": 616
+                    "start": 613,
+                    "end": 613
                 }
             },
             "group": [
@@ -17620,8 +17728,8 @@
         {
             "description": "Gradient of the component header.\n",
             "commentRange": {
-                "start": 617,
-                "end": 618
+                "start": 614,
+                "end": 615
             },
             "context": {
                 "type": "variable",
@@ -17629,8 +17737,8 @@
                 "value": "$kendo-base-gradient",
                 "scope": "default",
                 "line": {
-                    "start": 619,
-                    "end": 619
+                    "start": 616,
+                    "end": 616
                 }
             },
             "group": [
@@ -17647,8 +17755,8 @@
         {
             "description": "Background color of the invalid items.\n",
             "commentRange": {
-                "start": 621,
-                "end": 622
+                "start": 618,
+                "end": 619
             },
             "context": {
                 "type": "variable",
@@ -17656,8 +17764,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 623,
-                    "end": 623
+                    "start": 620,
+                    "end": 620
                 }
             },
             "group": [
@@ -17674,8 +17782,8 @@
         {
             "description": "Text color of the invalid items.\n",
             "commentRange": {
-                "start": 624,
-                "end": 625
+                "start": 621,
+                "end": 622
             },
             "context": {
                 "type": "variable",
@@ -17683,8 +17791,8 @@
                 "value": "$kendo-color-error",
                 "scope": "default",
                 "line": {
-                    "start": 626,
-                    "end": 626
+                    "start": 623,
+                    "end": 623
                 }
             },
             "group": [
@@ -17701,8 +17809,8 @@
         {
             "description": "Border color of the invalid items.\n",
             "commentRange": {
-                "start": 627,
-                "end": 628
+                "start": 624,
+                "end": 625
             },
             "context": {
                 "type": "variable",
@@ -17710,8 +17818,8 @@
                 "value": "$kendo-color-error",
                 "scope": "default",
                 "line": {
-                    "start": 629,
-                    "end": 629
+                    "start": 626,
+                    "end": 626
                 }
             },
             "group": [
@@ -17728,8 +17836,8 @@
         {
             "description": "Shadow of the invalid items.\n",
             "commentRange": {
-                "start": 630,
-                "end": 631
+                "start": 627,
+                "end": 628
             },
             "context": {
                 "type": "variable",
@@ -17737,8 +17845,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 632,
-                    "end": 632
+                    "start": 629,
+                    "end": 629
                 }
             },
             "group": [
@@ -17755,8 +17863,8 @@
         {
             "description": "Background color of the valid items.\n",
             "commentRange": {
-                "start": 634,
-                "end": 635
+                "start": 631,
+                "end": 632
             },
             "context": {
                 "type": "variable",
@@ -17764,8 +17872,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 636,
-                    "end": 636
+                    "start": 633,
+                    "end": 633
                 }
             },
             "group": [
@@ -17782,8 +17890,8 @@
         {
             "description": "Text color of the valid items.\n",
             "commentRange": {
-                "start": 637,
-                "end": 638
+                "start": 634,
+                "end": 635
             },
             "context": {
                 "type": "variable",
@@ -17791,8 +17899,8 @@
                 "value": "$kendo-color-success",
                 "scope": "default",
                 "line": {
-                    "start": 639,
-                    "end": 639
+                    "start": 636,
+                    "end": 636
                 }
             },
             "group": [
@@ -17809,8 +17917,8 @@
         {
             "description": "Border color of the valid items.\n",
             "commentRange": {
-                "start": 640,
-                "end": 641
+                "start": 637,
+                "end": 638
             },
             "context": {
                 "type": "variable",
@@ -17818,8 +17926,8 @@
                 "value": "$kendo-color-success",
                 "scope": "default",
                 "line": {
-                    "start": 642,
-                    "end": 642
+                    "start": 639,
+                    "end": 639
                 }
             },
             "group": [
@@ -17836,8 +17944,8 @@
         {
             "description": "Shadow of the valid items.\n",
             "commentRange": {
-                "start": 643,
-                "end": 644
+                "start": 640,
+                "end": 641
             },
             "context": {
                 "type": "variable",
@@ -17845,8 +17953,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 645,
-                    "end": 645
+                    "start": 642,
+                    "end": 642
                 }
             },
             "group": [
@@ -19467,7 +19575,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-drawer-item-font-size",
-                "value": "16px",
+                "value": "var( --kendo-font-size-lg, inherit )",
                 "scope": "default",
                 "line": {
                     "start": 57,
@@ -19482,8 +19590,8 @@
                 "path": "classic/scss/drawer/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "16px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-font-size-lg, inherit)",
+            "resolvedType": "String"
         },
         {
             "description": "The line height of the Drawer item.\n",
@@ -25298,7 +25406,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-form-legend-font-size",
-                "value": "14px",
+                "value": "var( --kendo-font-size, inherit )",
                 "scope": "default",
                 "line": {
                     "start": 56,
@@ -25313,8 +25421,8 @@
                 "path": "classic/scss/forms/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "14px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-font-size, inherit)",
+            "resolvedType": "String"
         },
         {
             "description": "The text capitalization of the Form legend.\n",
@@ -25406,7 +25514,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-form-hint-font-size",
-                "value": "12px",
+                "value": "var( --kendo-font-size-sm, inherit )",
                 "scope": "default",
                 "line": {
                     "start": 71,
@@ -25421,8 +25529,8 @@
                 "path": "classic/scss/forms/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "12px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-font-size-sm, inherit)",
+            "resolvedType": "String"
         },
         {
             "description": "The font style of the Form hint.\n",
@@ -25838,7 +25946,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-label-optional-font-size",
-                "value": "12px",
+                "value": "var( --kendo-font-size-sm, inherit )",
                 "scope": "default",
                 "line": {
                     "start": 127,
@@ -25853,8 +25961,8 @@
                 "path": "classic/scss/forms/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "12px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-font-size-sm, inherit)",
+            "resolvedType": "String"
         },
         {
             "description": "The font style of the optional label in the Form.\n",
@@ -34421,6 +34529,33 @@
             "resolvedValue": "0.3",
             "resolvedType": "Number"
         },
+        {
+            "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": "classic/scss/loader/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "100",
+            "resolvedType": "Number"
+        },
         {
             "description": "Horizontal padding of the menu popup.\n",
             "commentRange": {
@@ -38673,6 +38808,276 @@
                 "15": "#28112d"
             }
         },
+        {
+            "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": "classic/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-border-radius-md, 0.25rem)",
+            "resolvedType": "String"
+        },
+        {
+            "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": "classic/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "1px",
+            "resolvedType": "Number"
+        },
+        {
+            "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": "classic/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "solid",
+            "resolvedType": "String"
+        },
+        {
+            "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": "classic/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+            "resolvedType": "String"
+        },
+        {
+            "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": "classic/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-spacing-1, 0.25rem)",
+            "resolvedType": "String"
+        },
+        {
+            "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": "classic/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+            "resolvedType": "String"
+        },
+        {
+            "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": "classic/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-spacing-1, 0.25rem)",
+            "resolvedType": "String"
+        },
+        {
+            "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": "classic/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-component-text, var(--kendo-color-on-app-surface, #272727))",
+            "resolvedType": "String"
+        },
+        {
+            "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": "classic/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-component-bg, var(--kendo-color-surface-alt, #ffffff))",
+            "resolvedType": "String"
+        },
+        {
+            "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": "classic/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-component-border, var(--kendo-color-border, #cacaca))",
+            "resolvedType": "String"
+        },
         {
             "description": "The horizontal padding of the PanelBar.\n",
             "commentRange": {
@@ -44244,7 +44649,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-progressbar-line-height",
-                "value": "1",
+                "value": "var( --kendo-line-height-xs, normal )",
                 "scope": "default",
                 "line": {
                     "start": 23,
@@ -44259,8 +44664,8 @@
                 "path": "classic/scss/progressbar/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "1",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-line-height-xs, normal)",
+            "resolvedType": "String"
         },
         {
             "description": "The background color of the ProgressBar.\n",
@@ -54362,7 +54767,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), #8d8d8d)",
                 "scope": "default",
                 "line": {
                     "start": 106,
@@ -55010,7 +55415,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), #8d8d8d)",
                 "scope": "default",
                 "line": {
                     "start": 185,
@@ -61395,6 +61800,60 @@
             "resolvedValue": "rgba(255, 255, 255, 0.2)",
             "resolvedType": "Color"
         },
+        {
+            "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": "classic/scss/time-marker/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "1px",
+            "resolvedType": "Number"
+        },
+        {
+            "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": "classic/scss/time-marker/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "#ff0000",
+            "resolvedType": "Color"
+        },
         {
             "description": "The horizontal spacing of the Timeline.\n",
             "commentRange": {
@@ -63662,7 +64121,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-tooltip-line-height",
-                "value": "1.25",
+                "value": "var( --kendo-line-height-sm, normal )",
                 "scope": "default",
                 "line": {
                     "start": 24,
@@ -63677,8 +64136,8 @@
                 "path": "classic/scss/tooltip/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "1.25",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-line-height-sm, normal)",
+            "resolvedType": "String"
         },
         {
             "description": "The font size of the Tooltip title.\n",
@@ -63716,7 +64175,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-tooltip-title-line-height",
-                "value": "1",
+                "value": "var( --kendo-line-height-xs, normal )",
                 "scope": "default",
                 "line": {
                     "start": 31,
@@ -63731,8 +64190,8 @@
                 "path": "classic/scss/tooltip/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "1",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-line-height-xs, normal)",
+            "resolvedType": "String"
         },
         {
             "description": "The size of the Tooltip callout.\n",
@@ -67981,33 +68440,6 @@
             "resolvedValue": "null",
             "resolvedType": "Null"
         },
-        {
-            "description": "Text color of disabled items.\n",
-            "commentRange": {
-                "start": 603,
-                "end": 603
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-disabled-text",
-                "value": "#8d8d8d",
-                "scope": "default",
-                "line": {
-                    "start": 604,
-                    "end": 604
-                }
-            },
-            "access": "public",
-            "group": [
-                "undefined"
-            ],
-            "file": {
-                "path": "classic/scss/core/color-system/_swatch.scss",
-                "name": "_swatch.scss"
-            },
-            "resolvedValue": "var(--kendo-color-on-app-surface, #272727)",
-            "resolvedType": "String"
-        },
         {
             "description": "The width of the border around the Upload.\n",
             "commentRange": {
@@ -68530,7 +68962,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-upload-validation-font-size",
-                "value": "11px",
+                "value": "var( --kendo-font-size-sm, inherit )",
                 "scope": "default",
                 "line": {
                     "start": 68,
@@ -68545,19 +68977,19 @@
                 "path": "classic/scss/upload/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "11px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-font-size-sm, inherit)",
+            "resolvedType": "String"
         },
         {
-            "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,
@@ -68572,19 +69004,19 @@
                 "path": "classic/scss/upload/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-spacing-1, 0.25rem)",
+            "resolvedValue": "var(--kendo-line-height-xs, normal)",
             "resolvedType": "String"
         },
         {
-            "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,
@@ -68599,14 +69031,41 @@
                 "path": "classic/scss/upload/_variables.scss",
                 "name": "_variables.scss"
             },
+            "resolvedValue": "var(--kendo-spacing-1, 0.25rem)",
+            "resolvedType": "String"
+        },
+        {
+            "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": "classic/scss/upload/_variables.scss",
+                "name": "_variables.scss"
+            },
             "resolvedValue": "var(--kendo-color-subtle, #666666)",
             "resolvedType": "String"
         },
         {
             "description": "The thickness of the Upload progress bar.\n",
             "commentRange": {
-                "start": 76,
-                "end": 77
+                "start": 79,
+                "end": 80
             },
             "context": {
                 "type": "variable",
@@ -68614,8 +69073,8 @@
                 "value": "2px",
                 "scope": "default",
                 "line": {
-                    "start": 78,
-                    "end": 78
+                    "start": 81,
+                    "end": 81
                 }
             },
             "group": [
@@ -68632,8 +69091,8 @@
         {
             "description": "The background color of the Upload progress bar.\n",
             "commentRange": {
-                "start": 79,
-                "end": 80
+                "start": 82,
+                "end": 83
             },
             "context": {
                 "type": "variable",
@@ -68641,8 +69100,8 @@
                 "value": "$kendo-color-info",
                 "scope": "default",
                 "line": {
-                    "start": 81,
-                    "end": 81
+                    "start": 84,
+                    "end": 84
                 }
             },
             "group": [
@@ -68659,8 +69118,8 @@
         {
             "description": "The success text color of the Upload.\n",
             "commentRange": {
-                "start": 83,
-                "end": 84
+                "start": 86,
+                "end": 87
             },
             "context": {
                 "type": "variable",
@@ -68668,8 +69127,8 @@
                 "value": "$kendo-color-success",
                 "scope": "default",
                 "line": {
-                    "start": 85,
-                    "end": 85
+                    "start": 88,
+                    "end": 88
                 }
             },
             "group": [
@@ -68686,8 +69145,8 @@
         {
             "description": "The success background color of the Upload progress bar.\n",
             "commentRange": {
-                "start": 86,
-                "end": 87
+                "start": 89,
+                "end": 90
             },
             "context": {
                 "type": "variable",
@@ -68695,8 +69154,8 @@
                 "value": "$kendo-color-success",
                 "scope": "default",
                 "line": {
-                    "start": 88,
-                    "end": 88
+                    "start": 91,
+                    "end": 91
                 }
             },
             "group": [
@@ -68713,8 +69172,8 @@
         {
             "description": "The error text color of the Upload.\n",
             "commentRange": {
-                "start": 90,
-                "end": 91
+                "start": 93,
+                "end": 94
             },
             "context": {
                 "type": "variable",
@@ -68722,8 +69181,8 @@
                 "value": "$kendo-color-error",
                 "scope": "default",
                 "line": {
-                    "start": 92,
-                    "end": 92
+                    "start": 95,
+                    "end": 95
                 }
             },
             "group": [
@@ -68740,8 +69199,8 @@
         {
             "description": "The error background color of the Upload progress bar.\n",
             "commentRange": {
-                "start": 93,
-                "end": 94
+                "start": 96,
+                "end": 97
             },
             "context": {
                 "type": "variable",
@@ -68749,8 +69208,8 @@
                 "value": "$kendo-color-error",
                 "scope": "default",
                 "line": {
-                    "start": 95,
-                    "end": 95
+                    "start": 98,
+                    "end": 98
                 }
             },
             "group": [
@@ -68767,8 +69226,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",
@@ -68776,8 +69235,8 @@
                 "value": "0 0 0 2px rgba( black, .13 )",
                 "scope": "default",
                 "line": {
-                    "start": 99,
-                    "end": 99
+                    "start": 102,
+                    "end": 102
                 }
             },
             "group": [
@@ -69070,7 +69529,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,
@@ -69085,8 +69544,8 @@
                 "path": "classic/scss/window/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "1.25",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-line-height-sm, normal)",
+            "resolvedType": "String"
         },
         {
             "description": "The spacing between the buttons in the Window titlebar.\n",
@@ -71731,6 +72190,141 @@
                 "sans-serif": "system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
                 "monospace": "SFMono-Regular, Menlo, Monaco, Consolas, \"Roboto Mono\", \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace"
             }
+        },
+        {
+            "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"
+            },
+            "resolvedValue": "null",
+            "resolvedType": "Null"
+        },
+        {
+            "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"
+            },
+            "resolvedValue": "null",
+            "resolvedType": "Null"
+        },
+        {
+            "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"
+            },
+            "resolvedValue": "null",
+            "resolvedType": "Null"
+        },
+        {
+            "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"
+            },
+            "resolvedValue": "0.6",
+            "resolvedType": "Number"
+        },
+        {
+            "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"
+            },
+            "resolvedValue": "grayscale(0.1)",
+            "resolvedType": "String"
         }
     ],
     "mixins": [],
@@ -72310,19 +72904,46 @@
                     "resolvedType": "Null"
                 },
                 {
-                    "description": "Text color of disabled items.\n",
+                    "description": "The background color of disabled items.\n",
                     "commentRange": {
-                        "start": 603,
-                        "end": 603
+                        "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"
+                    },
+                    "resolvedValue": "null",
+                    "resolvedType": "Null"
+                },
+                {
+                    "description": "The text color of disabled items.\n",
+                    "commentRange": {
+                        "start": 43,
+                        "end": 43
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-disabled-text",
-                        "value": "#8d8d8d",
+                        "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 604,
-                            "end": 604
+                            "start": 44,
+                            "end": 44
                         }
                     },
                     "access": "public",
@@ -72330,10 +72951,91 @@
                         "undefined"
                     ],
                     "file": {
-                        "path": "classic/scss/core/color-system/_swatch.scss",
-                        "name": "_swatch.scss"
+                        "path": "core/scss/color-system/_swatch-legacy.scss",
+                        "name": "_swatch-legacy.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-on-app-surface, #272727)",
+                    "resolvedValue": "null",
+                    "resolvedType": "Null"
+                },
+                {
+                    "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"
+                    },
+                    "resolvedValue": "null",
+                    "resolvedType": "Null"
+                },
+                {
+                    "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"
+                    },
+                    "resolvedValue": "0.6",
+                    "resolvedType": "Number"
+                },
+                {
+                    "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"
+                    },
+                    "resolvedValue": "grayscale(0.1)",
                     "resolvedType": "String"
                 }
             ]
@@ -74173,7 +74875,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,
@@ -74188,7 +74890,7 @@
                         "path": "classic/scss/bottom-navigation/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-line-height-sm, normal)",
+                    "resolvedValue": "var(--kendo-line-height-xs, normal)",
                     "resolvedType": "String"
                 },
                 {
@@ -81764,7 +82466,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,
@@ -81779,8 +82481,8 @@
                         "path": "classic/scss/card/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "1.25",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-line-height-sm, normal)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The font weight of the Card title.\n",
@@ -81926,7 +82628,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-card-subtitle-line-height",
-                        "value": "normal",
+                        "value": "var( --kendo-line-height-lg, normal )",
                         "scope": "default",
                         "line": {
                             "start": 138,
@@ -81941,7 +82643,7 @@
                         "path": "classic/scss/card/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "normal",
+                    "resolvedValue": "var(--kendo-line-height-lg, normal)",
                     "resolvedType": "String"
                 },
                 {
@@ -82937,7 +83639,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-chat-timestamp-font-size",
-                        "value": "smaller",
+                        "value": "var( --kendo-font-size-sm, inherit )",
                         "scope": "default",
                         "line": {
                             "start": 47,
@@ -82952,7 +83654,7 @@
                         "path": "classic/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "smaller",
+                    "resolvedValue": "var(--kendo-font-size-sm, inherit)",
                     "resolvedType": "String"
                 },
                 {
@@ -82964,7 +83666,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-chat-timestamp-line-height",
-                        "value": "null",
+                        "value": "var( --kendo-line-height-lg, normal )",
                         "scope": "default",
                         "line": {
                             "start": 50,
@@ -82979,8 +83681,8 @@
                         "path": "classic/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "null",
-                    "resolvedType": "Null"
+                    "resolvedValue": "var(--kendo-line-height-lg, normal)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The text transform of the Chat timestamp.\n",
@@ -83064,15 +83766,15 @@
                     "resolvedType": "Null"
                 },
                 {
-                    "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,
@@ -83087,19 +83789,19 @@
                         "path": "classic/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-spacing-3, 0.75rem)",
+                    "resolvedValue": "var(--kendo-font-size-sm, inherit)",
                     "resolvedType": "String"
                 },
                 {
-                    "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,
@@ -83114,14 +83816,122 @@
                         "path": "classic/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
+                    "resolvedValue": "var(--kendo-line-height-lg, normal)",
+                    "resolvedType": "String"
+                },
+                {
+                    "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": "classic/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-font-size-sm, inherit)",
+                    "resolvedType": "String"
+                },
+                {
+                    "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": "classic/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-line-height-lg, normal)",
+                    "resolvedType": "String"
+                },
+                {
+                    "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": "classic/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-spacing-3, 0.75rem)",
+                    "resolvedType": "String"
+                },
+                {
+                    "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": "classic/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
                     "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
                     "resolvedType": "String"
                 },
                 {
                     "description": "The spacing of the Chat bubble message.\n",
                     "commentRange": {
-                        "start": 67,
-                        "end": 68
+                        "start": 81,
+                        "end": 82
                     },
                     "context": {
                         "type": "variable",
@@ -83129,8 +83939,8 @@
                         "value": "k-spacing(0.5)",
                         "scope": "default",
                         "line": {
-                            "start": 69,
-                            "end": 69
+                            "start": 83,
+                            "end": 83
                         }
                     },
                     "group": [
@@ -83147,17 +83957,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": [
@@ -83168,14 +83978,14 @@
                         "path": "classic/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "18px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-line-height, normal)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The border radius of the Chat bubble message.\n",
                     "commentRange": {
-                        "start": 74,
-                        "end": 75
+                        "start": 88,
+                        "end": 89
                     },
                     "context": {
                         "type": "variable",
@@ -83183,8 +83993,8 @@
                         "value": "12px",
                         "scope": "default",
                         "line": {
-                            "start": 76,
-                            "end": 76
+                            "start": 90,
+                            "end": 90
                         }
                     },
                     "group": [
@@ -83201,8 +84011,8 @@
                 {
                     "description": "The border radius of the Chat small bubble message\n",
                     "commentRange": {
-                        "start": 77,
-                        "end": 78
+                        "start": 91,
+                        "end": 92
                     },
                     "context": {
                         "type": "variable",
@@ -83210,8 +84020,8 @@
                         "value": "2px",
                         "scope": "default",
                         "line": {
-                            "start": 79,
-                            "end": 79
+                            "start": 93,
+                            "end": 93
                         }
                     },
                     "group": [
@@ -83228,8 +84038,8 @@
                 {
                     "description": "The size of the Chat Avatar.\n",
                     "commentRange": {
-                        "start": 81,
-                        "end": 82
+                        "start": 95,
+                        "end": 96
                     },
                     "context": {
                         "type": "variable",
@@ -83237,8 +84047,8 @@
                         "value": "32px",
                         "scope": "default",
                         "line": {
-                            "start": 83,
-                            "end": 83
+                            "start": 97,
+                            "end": 97
                         }
                     },
                     "group": [
@@ -83255,8 +84065,8 @@
                 {
                     "description": "The spacing of the Chat Avatar.\n",
                     "commentRange": {
-                        "start": 84,
-                        "end": 85
+                        "start": 98,
+                        "end": 99
                     },
                     "context": {
                         "type": "variable",
@@ -83264,8 +84074,8 @@
                         "value": "$kendo-chat-item-spacing-x",
                         "scope": "default",
                         "line": {
-                            "start": 86,
-                            "end": 86
+                            "start": 100,
+                            "end": 100
                         }
                     },
                     "group": [
@@ -83282,8 +84092,8 @@
                 {
                     "description": "The horizontal padding of the Chat Toolbar.\n",
                     "commentRange": {
-                        "start": 88,
-                        "end": 89
+                        "start": 102,
+                        "end": 103
                     },
                     "context": {
                         "type": "variable",
@@ -83291,8 +84101,8 @@
                         "value": "$kendo-toolbar-md-padding-x",
                         "scope": "default",
                         "line": {
-                            "start": 90,
-                            "end": 90
+                            "start": 104,
+                            "end": 104
                         }
                     },
                     "group": [
@@ -83309,8 +84119,8 @@
                 {
                     "description": "The vertical padding of the Chat Toolbar.\n",
                     "commentRange": {
-                        "start": 91,
-                        "end": 92
+                        "start": 105,
+                        "end": 106
                     },
                     "context": {
                         "type": "variable",
@@ -83318,8 +84128,8 @@
                         "value": "$kendo-toolbar-md-padding-y",
                         "scope": "default",
                         "line": {
-                            "start": 93,
-                            "end": 93
+                            "start": 107,
+                            "end": 107
                         }
                     },
                     "group": [
@@ -83336,8 +84146,8 @@
                 {
                     "description": "The spacing of the Chat Toolbar.\n",
                     "commentRange": {
-                        "start": 94,
-                        "end": 95
+                        "start": 108,
+                        "end": 109
                     },
                     "context": {
                         "type": "variable",
@@ -83345,8 +84155,8 @@
                         "value": "$kendo-toolbar-md-spacing",
                         "scope": "default",
                         "line": {
-                            "start": 96,
-                            "end": 96
+                            "start": 110,
+                            "end": 110
                         }
                     },
                     "group": [
@@ -83363,8 +84173,8 @@
                 {
                     "description": "The background color of the Chat Toolbar.\n",
                     "commentRange": {
-                        "start": 97,
-                        "end": 98
+                        "start": 111,
+                        "end": 112
                     },
                     "context": {
                         "type": "variable",
@@ -83372,8 +84182,8 @@
                         "value": "$kendo-toolbar-bg",
                         "scope": "default",
                         "line": {
-                            "start": 99,
-                            "end": 99
+                            "start": 113,
+                            "end": 113
                         }
                     },
                     "group": [
@@ -83390,8 +84200,8 @@
                 {
                     "description": "The text color of the Chat Toolbar.\n",
                     "commentRange": {
-                        "start": 100,
-                        "end": 101
+                        "start": 114,
+                        "end": 115
                     },
                     "context": {
                         "type": "variable",
@@ -83399,8 +84209,8 @@
                         "value": "$kendo-toolbar-text",
                         "scope": "default",
                         "line": {
-                            "start": 102,
-                            "end": 102
+                            "start": 116,
+                            "end": 116
                         }
                     },
                     "group": [
@@ -83417,8 +84227,8 @@
                 {
                     "description": "The border color of the Chat Toolbar.\n",
                     "commentRange": {
-                        "start": 103,
-                        "end": 104
+                        "start": 117,
+                        "end": 118
                     },
                     "context": {
                         "type": "variable",
@@ -83426,8 +84236,8 @@
                         "value": "inherit",
                         "scope": "default",
                         "line": {
-                            "start": 105,
-                            "end": 105
+                            "start": 119,
+                            "end": 119
                         }
                     },
                     "group": [
@@ -83444,8 +84254,8 @@
                 {
                     "description": "The horizontal padding of the Chat quick reply.\n",
                     "commentRange": {
-                        "start": 107,
-                        "end": 108
+                        "start": 121,
+                        "end": 122
                     },
                     "context": {
                         "type": "variable",
@@ -83453,8 +84263,8 @@
                         "value": "k-spacing(3)",
                         "scope": "default",
                         "line": {
-                            "start": 109,
-                            "end": 109
+                            "start": 123,
+                            "end": 123
                         }
                     },
                     "group": [
@@ -83471,8 +84281,8 @@
                 {
                     "description": "The vertical padding of the Chat quick reply.\n",
                     "commentRange": {
-                        "start": 110,
-                        "end": 111
+                        "start": 124,
+                        "end": 125
                     },
                     "context": {
                         "type": "variable",
@@ -83480,8 +84290,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 112,
-                            "end": 112
+                            "start": 126,
+                            "end": 126
                         }
                     },
                     "group": [
@@ -83498,8 +84308,8 @@
                 {
                     "description": "The spacing of the Chat quick reply.\n",
                     "commentRange": {
-                        "start": 113,
-                        "end": 114
+                        "start": 127,
+                        "end": 128
                     },
                     "context": {
                         "type": "variable",
@@ -83507,8 +84317,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 115,
-                            "end": 115
+                            "start": 129,
+                            "end": 129
                         }
                     },
                     "group": [
@@ -83525,8 +84335,8 @@
                 {
                     "description": "The line height of the Chat quick reply.\n",
                     "commentRange": {
-                        "start": 116,
-                        "end": 117
+                        "start": 130,
+                        "end": 131
                     },
                     "context": {
                         "type": "variable",
@@ -83534,8 +84344,8 @@
                         "value": "$kendo-chat-bubble-line-height",
                         "scope": "default",
                         "line": {
-                            "start": 118,
-                            "end": 118
+                            "start": 132,
+                            "end": 132
                         }
                     },
                     "group": [
@@ -83546,14 +84356,14 @@
                         "path": "classic/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "18px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-line-height, normal)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The background color of the Chat.\n",
                     "commentRange": {
-                        "start": 121,
-                        "end": 122
+                        "start": 135,
+                        "end": 136
                     },
                     "context": {
                         "type": "variable",
@@ -83561,8 +84371,8 @@
                         "value": "$kendo-app-bg",
                         "scope": "default",
                         "line": {
-                            "start": 123,
-                            "end": 123
+                            "start": 137,
+                            "end": 137
                         }
                     },
                     "group": [
@@ -83579,8 +84389,8 @@
                 {
                     "description": "The text color of the Chat.\n",
                     "commentRange": {
-                        "start": 124,
-                        "end": 125
+                        "start": 138,
+                        "end": 139
                     },
                     "context": {
                         "type": "variable",
@@ -83588,8 +84398,8 @@
                         "value": "$kendo-app-text",
                         "scope": "default",
                         "line": {
-                            "start": 126,
-                            "end": 126
+                            "start": 140,
+                            "end": 140
                         }
                     },
                     "group": [
@@ -83606,8 +84416,8 @@
                 {
                     "description": "The border color of the Chat.\n",
                     "commentRange": {
-                        "start": 127,
-                        "end": 128
+                        "start": 141,
+                        "end": 142
                     },
                     "context": {
                         "type": "variable",
@@ -83615,8 +84425,8 @@
                         "value": "$kendo-app-border",
                         "scope": "default",
                         "line": {
-                            "start": 129,
-                            "end": 129
+                            "start": 143,
+                            "end": 143
                         }
                     },
                     "group": [
@@ -83633,8 +84443,8 @@
                 {
                     "description": "The background color of the Chat bubble.\n",
                     "commentRange": {
-                        "start": 131,
-                        "end": 132
+                        "start": 145,
+                        "end": 146
                     },
                     "context": {
                         "type": "variable",
@@ -83642,8 +84452,8 @@
                         "value": "$kendo-component-bg",
                         "scope": "default",
                         "line": {
-                            "start": 133,
-                            "end": 133
+                            "start": 147,
+                            "end": 147
                         }
                     },
                     "group": [
@@ -83660,8 +84470,8 @@
                 {
                     "description": "The text color of the Chat bubble.\n",
                     "commentRange": {
-                        "start": 134,
-                        "end": 135
+                        "start": 148,
+                        "end": 149
                     },
                     "context": {
                         "type": "variable",
@@ -83669,8 +84479,8 @@
                         "value": "$kendo-component-text",
                         "scope": "default",
                         "line": {
-                            "start": 136,
-                            "end": 136
+                            "start": 150,
+                            "end": 150
                         }
                     },
                     "group": [
@@ -83687,8 +84497,8 @@
                 {
                     "description": "The border color of the Chat bubble.\n",
                     "commentRange": {
-                        "start": 137,
-                        "end": 138
+                        "start": 151,
+                        "end": 152
                     },
                     "context": {
                         "type": "variable",
@@ -83696,8 +84506,8 @@
                         "value": "$kendo-chat-bubble-bg",
                         "scope": "default",
                         "line": {
-                            "start": 139,
-                            "end": 139
+                            "start": 153,
+                            "end": 153
                         }
                     },
                     "group": [
@@ -83714,8 +84524,8 @@
                 {
                     "description": "The box shadow of the Chat bubble.\n",
                     "commentRange": {
-                        "start": 140,
-                        "end": 141
+                        "start": 154,
+                        "end": 155
                     },
                     "context": {
                         "type": "variable",
@@ -83723,8 +84533,8 @@
                         "value": "k-elevation(1)",
                         "scope": "default",
                         "line": {
-                            "start": 142,
-                            "end": 142
+                            "start": 156,
+                            "end": 156
                         }
                     },
                     "group": [
@@ -83741,8 +84551,8 @@
                 {
                     "description": "The shadow of the hovered Chat bubble.\n",
                     "commentRange": {
-                        "start": 143,
-                        "end": 144
+                        "start": 157,
+                        "end": 158
                     },
                     "context": {
                         "type": "variable",
@@ -83750,8 +84560,8 @@
                         "value": "k-elevation(2)",
                         "scope": "default",
                         "line": {
-                            "start": 145,
-                            "end": 145
+                            "start": 159,
+                            "end": 159
                         }
                     },
                     "group": [
@@ -83768,8 +84578,8 @@
                 {
                     "description": "The shadow of the selected Chat bubble.\n",
                     "commentRange": {
-                        "start": 146,
-                        "end": 147
+                        "start": 160,
+                        "end": 161
                     },
                     "context": {
                         "type": "variable",
@@ -83777,8 +84587,8 @@
                         "value": "k-elevation(3)",
                         "scope": "default",
                         "line": {
-                            "start": 148,
-                            "end": 148
+                            "start": 162,
+                            "end": 162
                         }
                     },
                     "group": [
@@ -83795,8 +84605,8 @@
                 {
                     "description": "The background color of the Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 150,
-                        "end": 151
+                        "start": 164,
+                        "end": 165
                     },
                     "context": {
                         "type": "variable",
@@ -83804,8 +84614,8 @@
                         "value": "$kendo-color-primary",
                         "scope": "default",
                         "line": {
-                            "start": 152,
-                            "end": 152
+                            "start": 166,
+                            "end": 166
                         }
                     },
                     "group": [
@@ -83822,8 +84632,8 @@
                 {
                     "description": "The text color of the Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 153,
-                        "end": 154
+                        "start": 167,
+                        "end": 168
                     },
                     "context": {
                         "type": "variable",
@@ -83831,8 +84641,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": [
@@ -83849,8 +84659,8 @@
                 {
                     "description": "The border color of the Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 156,
-                        "end": 157
+                        "start": 170,
+                        "end": 171
                     },
                     "context": {
                         "type": "variable",
@@ -83858,8 +84668,8 @@
                         "value": "$kendo-chat-alt-bubble-bg",
                         "scope": "default",
                         "line": {
-                            "start": 158,
-                            "end": 158
+                            "start": 172,
+                            "end": 172
                         }
                     },
                     "group": [
@@ -83876,8 +84686,8 @@
                 {
                     "description": "The shadow of the Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 159,
-                        "end": 160
+                        "start": 173,
+                        "end": 174
                     },
                     "context": {
                         "type": "variable",
@@ -83885,8 +84695,8 @@
                         "value": "k-elevation(1)",
                         "scope": "default",
                         "line": {
-                            "start": 161,
-                            "end": 161
+                            "start": 175,
+                            "end": 175
                         }
                     },
                     "group": [
@@ -83903,8 +84713,8 @@
                 {
                     "description": "The shadow of the hovered Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 162,
-                        "end": 163
+                        "start": 176,
+                        "end": 177
                     },
                     "context": {
                         "type": "variable",
@@ -83912,8 +84722,8 @@
                         "value": "k-elevation(2)",
                         "scope": "default",
                         "line": {
-                            "start": 164,
-                            "end": 164
+                            "start": 178,
+                            "end": 178
                         }
                     },
                     "group": [
@@ -83930,8 +84740,8 @@
                 {
                     "description": "The shadow of the selected Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 165,
-                        "end": 166
+                        "start": 179,
+                        "end": 180
                     },
                     "context": {
                         "type": "variable",
@@ -83939,8 +84749,8 @@
                         "value": "k-elevation(3)",
                         "scope": "default",
                         "line": {
-                            "start": 167,
-                            "end": 167
+                            "start": 181,
+                            "end": 181
                         }
                     },
                     "group": [
@@ -83957,8 +84767,8 @@
                 {
                     "description": "The background color of the Chat quick reply.\n",
                     "commentRange": {
-                        "start": 169,
-                        "end": 170
+                        "start": 183,
+                        "end": 184
                     },
                     "context": {
                         "type": "variable",
@@ -83966,8 +84776,8 @@
                         "value": "transparent",
                         "scope": "default",
                         "line": {
-                            "start": 171,
-                            "end": 171
+                            "start": 185,
+                            "end": 185
                         }
                     },
                     "group": [
@@ -83984,8 +84794,8 @@
                 {
                     "description": "The text color of the Chat quick reply.\n",
                     "commentRange": {
-                        "start": 172,
-                        "end": 173
+                        "start": 186,
+                        "end": 187
                     },
                     "context": {
                         "type": "variable",
@@ -83993,8 +84803,8 @@
                         "value": "$kendo-color-primary",
                         "scope": "default",
                         "line": {
-                            "start": 174,
-                            "end": 174
+                            "start": 188,
+                            "end": 188
                         }
                     },
                     "group": [
@@ -84011,8 +84821,8 @@
                 {
                     "description": "The border color of the Chat quick reply.\n",
                     "commentRange": {
-                        "start": 175,
-                        "end": 176
+                        "start": 189,
+                        "end": 190
                     },
                     "context": {
                         "type": "variable",
@@ -84020,8 +84830,8 @@
                         "value": "$kendo-color-primary",
                         "scope": "default",
                         "line": {
-                            "start": 177,
-                            "end": 177
+                            "start": 191,
+                            "end": 191
                         }
                     },
                     "group": [
@@ -84038,8 +84848,8 @@
                 {
                     "description": "The background color of the hovered Chat quick reply.\n",
                     "commentRange": {
-                        "start": 179,
-                        "end": 180
+                        "start": 193,
+                        "end": 194
                     },
                     "context": {
                         "type": "variable",
@@ -84047,8 +84857,8 @@
                         "value": "$kendo-color-primary",
                         "scope": "default",
                         "line": {
-                            "start": 181,
-                            "end": 181
+                            "start": 195,
+                            "end": 195
                         }
                     },
                     "group": [
@@ -84065,8 +84875,8 @@
                 {
                     "description": "The text color of the hovered Chat quick reply.\n",
                     "commentRange": {
-                        "start": 182,
-                        "end": 183
+                        "start": 196,
+                        "end": 197
                     },
                     "context": {
                         "type": "variable",
@@ -84074,8 +84884,8 @@
                         "value": "$kendo-color-primary-contrast",
                         "scope": "default",
                         "line": {
-                            "start": 184,
-                            "end": 184
+                            "start": 198,
+                            "end": 198
                         }
                     },
                     "group": [
@@ -84092,8 +84902,8 @@
                 {
                     "description": "The border color of the hovered Chat quick reply.\n",
                     "commentRange": {
-                        "start": 185,
-                        "end": 186
+                        "start": 199,
+                        "end": 200
                     },
                     "context": {
                         "type": "variable",
@@ -84101,8 +84911,8 @@
                         "value": "$kendo-color-primary",
                         "scope": "default",
                         "line": {
-                            "start": 187,
-                            "end": 187
+                            "start": 201,
+                            "end": 201
                         }
                     },
                     "group": [
@@ -90459,8 +91269,8 @@
                 {
                     "description": "Background color of the component header.\n",
                     "commentRange": {
-                        "start": 608,
-                        "end": 609
+                        "start": 605,
+                        "end": 606
                     },
                     "context": {
                         "type": "variable",
@@ -90468,8 +91278,8 @@
                         "value": "$kendo-base-bg",
                         "scope": "default",
                         "line": {
-                            "start": 610,
-                            "end": 610
+                            "start": 607,
+                            "end": 607
                         }
                     },
                     "group": [
@@ -90486,8 +91296,8 @@
                 {
                     "description": "Text color of the component header.\n",
                     "commentRange": {
-                        "start": 611,
-                        "end": 612
+                        "start": 608,
+                        "end": 609
                     },
                     "context": {
                         "type": "variable",
@@ -90495,8 +91305,8 @@
                         "value": "$kendo-base-text",
                         "scope": "default",
                         "line": {
-                            "start": 613,
-                            "end": 613
+                            "start": 610,
+                            "end": 610
                         }
                     },
                     "group": [
@@ -90513,8 +91323,8 @@
                 {
                     "description": "Border color of the component header.\n",
                     "commentRange": {
-                        "start": 614,
-                        "end": 615
+                        "start": 611,
+                        "end": 612
                     },
                     "context": {
                         "type": "variable",
@@ -90522,8 +91332,8 @@
                         "value": "$kendo-base-border",
                         "scope": "default",
                         "line": {
-                            "start": 616,
-                            "end": 616
+                            "start": 613,
+                            "end": 613
                         }
                     },
                     "group": [
@@ -90540,8 +91350,8 @@
                 {
                     "description": "Gradient of the component header.\n",
                     "commentRange": {
-                        "start": 617,
-                        "end": 618
+                        "start": 614,
+                        "end": 615
                     },
                     "context": {
                         "type": "variable",
@@ -90549,8 +91359,8 @@
                         "value": "$kendo-base-gradient",
                         "scope": "default",
                         "line": {
-                            "start": 619,
-                            "end": 619
+                            "start": 616,
+                            "end": 616
                         }
                     },
                     "group": [
@@ -90567,8 +91377,8 @@
                 {
                     "description": "Background color of the invalid items.\n",
                     "commentRange": {
-                        "start": 621,
-                        "end": 622
+                        "start": 618,
+                        "end": 619
                     },
                     "context": {
                         "type": "variable",
@@ -90576,8 +91386,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 623,
-                            "end": 623
+                            "start": 620,
+                            "end": 620
                         }
                     },
                     "group": [
@@ -90594,8 +91404,8 @@
                 {
                     "description": "Text color of the invalid items.\n",
                     "commentRange": {
-                        "start": 624,
-                        "end": 625
+                        "start": 621,
+                        "end": 622
                     },
                     "context": {
                         "type": "variable",
@@ -90603,8 +91413,8 @@
                         "value": "$kendo-color-error",
                         "scope": "default",
                         "line": {
-                            "start": 626,
-                            "end": 626
+                            "start": 623,
+                            "end": 623
                         }
                     },
                     "group": [
@@ -90621,8 +91431,8 @@
                 {
                     "description": "Border color of the invalid items.\n",
                     "commentRange": {
-                        "start": 627,
-                        "end": 628
+                        "start": 624,
+                        "end": 625
                     },
                     "context": {
                         "type": "variable",
@@ -90630,8 +91440,8 @@
                         "value": "$kendo-color-error",
                         "scope": "default",
                         "line": {
-                            "start": 629,
-                            "end": 629
+                            "start": 626,
+                            "end": 626
                         }
                     },
                     "group": [
@@ -90648,8 +91458,8 @@
                 {
                     "description": "Shadow of the invalid items.\n",
                     "commentRange": {
-                        "start": 630,
-                        "end": 631
+                        "start": 627,
+                        "end": 628
                     },
                     "context": {
                         "type": "variable",
@@ -90657,8 +91467,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 632,
-                            "end": 632
+                            "start": 629,
+                            "end": 629
                         }
                     },
                     "group": [
@@ -90675,8 +91485,8 @@
                 {
                     "description": "Background color of the valid items.\n",
                     "commentRange": {
-                        "start": 634,
-                        "end": 635
+                        "start": 631,
+                        "end": 632
                     },
                     "context": {
                         "type": "variable",
@@ -90684,8 +91494,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 636,
-                            "end": 636
+                            "start": 633,
+                            "end": 633
                         }
                     },
                     "group": [
@@ -90702,8 +91512,8 @@
                 {
                     "description": "Text color of the valid items.\n",
                     "commentRange": {
-                        "start": 637,
-                        "end": 638
+                        "start": 634,
+                        "end": 635
                     },
                     "context": {
                         "type": "variable",
@@ -90711,8 +91521,8 @@
                         "value": "$kendo-color-success",
                         "scope": "default",
                         "line": {
-                            "start": 639,
-                            "end": 639
+                            "start": 636,
+                            "end": 636
                         }
                     },
                     "group": [
@@ -90729,8 +91539,8 @@
                 {
                     "description": "Border color of the valid items.\n",
                     "commentRange": {
-                        "start": 640,
-                        "end": 641
+                        "start": 637,
+                        "end": 638
                     },
                     "context": {
                         "type": "variable",
@@ -90738,8 +91548,8 @@
                         "value": "$kendo-color-success",
                         "scope": "default",
                         "line": {
-                            "start": 642,
-                            "end": 642
+                            "start": 639,
+                            "end": 639
                         }
                     },
                     "group": [
@@ -90756,8 +91566,8 @@
                 {
                     "description": "Shadow of the valid items.\n",
                     "commentRange": {
-                        "start": 643,
-                        "end": 644
+                        "start": 640,
+                        "end": 641
                     },
                     "context": {
                         "type": "variable",
@@ -90765,8 +91575,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 645,
-                            "end": 645
+                            "start": 642,
+                            "end": 642
                         }
                     },
                     "group": [
@@ -92405,7 +93215,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-drawer-item-font-size",
-                        "value": "16px",
+                        "value": "var( --kendo-font-size-lg, inherit )",
                         "scope": "default",
                         "line": {
                             "start": 57,
@@ -92420,8 +93230,8 @@
                         "path": "classic/scss/drawer/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "16px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-font-size-lg, inherit)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The line height of the Drawer item.\n",
@@ -98334,7 +99144,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-form-legend-font-size",
-                        "value": "14px",
+                        "value": "var( --kendo-font-size, inherit )",
                         "scope": "default",
                         "line": {
                             "start": 56,
@@ -98349,8 +99159,8 @@
                         "path": "classic/scss/forms/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "14px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-font-size, inherit)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The text capitalization of the Form legend.\n",
@@ -98442,7 +99252,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-form-hint-font-size",
-                        "value": "12px",
+                        "value": "var( --kendo-font-size-sm, inherit )",
                         "scope": "default",
                         "line": {
                             "start": 71,
@@ -98457,8 +99267,8 @@
                         "path": "classic/scss/forms/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "12px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-font-size-sm, inherit)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The font style of the Form hint.\n",
@@ -98874,7 +99684,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-label-optional-font-size",
-                        "value": "12px",
+                        "value": "var( --kendo-font-size-sm, inherit )",
                         "scope": "default",
                         "line": {
                             "start": 127,
@@ -98889,8 +99699,8 @@
                         "path": "classic/scss/forms/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "12px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-font-size-sm, inherit)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The font style of the optional label in the Form.\n",
@@ -107504,6 +108314,33 @@
                     },
                     "resolvedValue": "0.3",
                     "resolvedType": "Number"
+                },
+                {
+                    "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": "classic/scss/loader/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "100",
+                    "resolvedType": "Number"
                 }
             ]
         },
@@ -112692,6 +113529,282 @@
                 }
             ]
         },
+        {
+            "id": "panel",
+            "title": "Panel",
+            "variables": [
+                {
+                    "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": "classic/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-border-radius-md, 0.25rem)",
+                    "resolvedType": "String"
+                },
+                {
+                    "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": "classic/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "1px",
+                    "resolvedType": "Number"
+                },
+                {
+                    "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": "classic/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "solid",
+                    "resolvedType": "String"
+                },
+                {
+                    "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": "classic/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+                    "resolvedType": "String"
+                },
+                {
+                    "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": "classic/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-spacing-1, 0.25rem)",
+                    "resolvedType": "String"
+                },
+                {
+                    "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": "classic/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+                    "resolvedType": "String"
+                },
+                {
+                    "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": "classic/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-spacing-1, 0.25rem)",
+                    "resolvedType": "String"
+                },
+                {
+                    "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": "classic/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-component-text, var(--kendo-color-on-app-surface, #272727))",
+                    "resolvedType": "String"
+                },
+                {
+                    "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": "classic/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-component-bg, var(--kendo-color-surface-alt, #ffffff))",
+                    "resolvedType": "String"
+                },
+                {
+                    "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": "classic/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-component-border, var(--kendo-color-border, #cacaca))",
+                    "resolvedType": "String"
+                }
+            ]
+        },
         {
             "id": "panelbar",
             "title": "Panelbar",
@@ -117400,7 +118513,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-progressbar-line-height",
-                        "value": "1",
+                        "value": "var( --kendo-line-height-xs, normal )",
                         "scope": "default",
                         "line": {
                             "start": 23,
@@ -117415,8 +118528,8 @@
                         "path": "classic/scss/progressbar/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "1",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-line-height-xs, normal)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The background color of the ProgressBar.\n",
@@ -127659,7 +128772,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), #8d8d8d)",
                         "scope": "default",
                         "line": {
                             "start": 106,
@@ -128307,7 +129420,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), #8d8d8d)",
                         "scope": "default",
                         "line": {
                             "start": 185,
@@ -134724,6 +135837,66 @@
                 }
             ]
         },
+        {
+            "id": "time-marker",
+            "title": "TimeMarker",
+            "variables": [
+                {
+                    "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": "classic/scss/time-marker/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "1px",
+                    "resolvedType": "Number"
+                },
+                {
+                    "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": "classic/scss/time-marker/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "#ff0000",
+                    "resolvedType": "Color"
+                }
+            ]
+        },
         {
             "id": "timeline",
             "title": "Timeline",
@@ -137007,7 +138180,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-tooltip-line-height",
-                        "value": "1.25",
+                        "value": "var( --kendo-line-height-sm, normal )",
                         "scope": "default",
                         "line": {
                             "start": 24,
@@ -137022,8 +138195,8 @@
                         "path": "classic/scss/tooltip/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "1.25",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-line-height-sm, normal)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The font size of the Tooltip title.\n",
@@ -137061,7 +138234,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-tooltip-title-line-height",
-                        "value": "1",
+                        "value": "var( --kendo-line-height-xs, normal )",
                         "scope": "default",
                         "line": {
                             "start": 31,
@@ -137076,8 +138249,8 @@
                         "path": "classic/scss/tooltip/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "1",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-line-height-xs, normal)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The size of the Tooltip callout.\n",
@@ -142585,7 +143758,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-upload-validation-font-size",
-                        "value": "11px",
+                        "value": "var( --kendo-font-size-sm, inherit )",
                         "scope": "default",
                         "line": {
                             "start": 68,
@@ -142600,19 +143773,19 @@
                         "path": "classic/scss/upload/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "11px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-font-size-sm, inherit)",
+                    "resolvedType": "String"
                 },
                 {
-                    "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,
@@ -142627,19 +143800,19 @@
                         "path": "classic/scss/upload/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-spacing-1, 0.25rem)",
+                    "resolvedValue": "var(--kendo-line-height-xs, normal)",
                     "resolvedType": "String"
                 },
                 {
-                    "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,
@@ -142654,14 +143827,41 @@
                         "path": "classic/scss/upload/_variables.scss",
                         "name": "_variables.scss"
                     },
+                    "resolvedValue": "var(--kendo-spacing-1, 0.25rem)",
+                    "resolvedType": "String"
+                },
+                {
+                    "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": "classic/scss/upload/_variables.scss",
+                        "name": "_variables.scss"
+                    },
                     "resolvedValue": "var(--kendo-color-subtle, #666666)",
                     "resolvedType": "String"
                 },
                 {
                     "description": "The thickness of the Upload progress bar.\n",
                     "commentRange": {
-                        "start": 76,
-                        "end": 77
+                        "start": 79,
+                        "end": 80
                     },
                     "context": {
                         "type": "variable",
@@ -142669,8 +143869,8 @@
                         "value": "2px",
                         "scope": "default",
                         "line": {
-                            "start": 78,
-                            "end": 78
+                            "start": 81,
+                            "end": 81
                         }
                     },
                     "group": [
@@ -142687,8 +143887,8 @@
                 {
                     "description": "The background color of the Upload progress bar.\n",
                     "commentRange": {
-                        "start": 79,
-                        "end": 80
+                        "start": 82,
+                        "end": 83
                     },
                     "context": {
                         "type": "variable",
@@ -142696,8 +143896,8 @@
                         "value": "$kendo-color-info",
                         "scope": "default",
                         "line": {
-                            "start": 81,
-                            "end": 81
+                            "start": 84,
+                            "end": 84
                         }
                     },
                     "group": [
@@ -142714,8 +143914,8 @@
                 {
                     "description": "The success text color of the Upload.\n",
                     "commentRange": {
-                        "start": 83,
-                        "end": 84
+                        "start": 86,
+                        "end": 87
                     },
                     "context": {
                         "type": "variable",
@@ -142723,8 +143923,8 @@
                         "value": "$kendo-color-success",
                         "scope": "default",
                         "line": {
-                            "start": 85,
-                            "end": 85
+                            "start": 88,
+                            "end": 88
                         }
                     },
                     "group": [
@@ -142741,8 +143941,8 @@
                 {
                     "description": "The success background color of the Upload progress bar.\n",
                     "commentRange": {
-                        "start": 86,
-                        "end": 87
+                        "start": 89,
+                        "end": 90
                     },
                     "context": {
                         "type": "variable",
@@ -142750,8 +143950,8 @@
                         "value": "$kendo-color-success",
                         "scope": "default",
                         "line": {
-                            "start": 88,
-                            "end": 88
+                            "start": 91,
+                            "end": 91
                         }
                     },
                     "group": [
@@ -142768,8 +143968,8 @@
                 {
                     "description": "The error text color of the Upload.\n",
                     "commentRange": {
-                        "start": 90,
-                        "end": 91
+                        "start": 93,
+                        "end": 94
                     },
                     "context": {
                         "type": "variable",
@@ -142777,8 +143977,8 @@
                         "value": "$kendo-color-error",
                         "scope": "default",
                         "line": {
-                            "start": 92,
-                            "end": 92
+                            "start": 95,
+                            "end": 95
                         }
                     },
                     "group": [
@@ -142795,8 +143995,8 @@
                 {
                     "description": "The error background color of the Upload progress bar.\n",
                     "commentRange": {
-                        "start": 93,
-                        "end": 94
+                        "start": 96,
+                        "end": 97
                     },
                     "context": {
                         "type": "variable",
@@ -142804,8 +144004,8 @@
                         "value": "$kendo-color-error",
                         "scope": "default",
                         "line": {
-                            "start": 95,
-                            "end": 95
+                            "start": 98,
+                            "end": 98
                         }
                     },
                     "group": [
@@ -142822,8 +144022,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",
@@ -142831,8 +144031,8 @@
                         "value": "0 0 0 2px rgba( black, .13 )",
                         "scope": "default",
                         "line": {
-                            "start": 99,
-                            "end": 99
+                            "start": 102,
+                            "end": 102
                         }
                     },
                     "group": [
@@ -143131,7 +144331,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,
@@ -143146,8 +144346,8 @@
                         "path": "classic/scss/window/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "1.25",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-line-height-sm, normal)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The spacing between the buttons in the Window titlebar.\n",