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

package/dist/meta/sassdoc-data.json

@@ -3486,7 +3486,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-bottom-nav-line-height",
-                "value": "var( --kendo-line-height, normal )",
+                "value": "var( --kendo-line-height-xs, normal )",
                 "scope": "default",
                 "line": {
                     "start": 24,
@@ -3501,7 +3501,7 @@
                 "path": "fluent/scss/bottom-navigation/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-line-height, normal)",
+            "resolvedValue": "var(--kendo-line-height-xs, normal)",
             "resolvedType": "String"
         },
         {
@@ -14616,7 +14616,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-chat-timestamp-font-size",
-                "value": "smaller",
+                "value": "var( --kendo-font-size-sm, inherit )",
                 "scope": "default",
                 "line": {
                     "start": 67,
@@ -14631,7 +14631,7 @@
                 "path": "fluent/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "smaller",
+            "resolvedValue": "var(--kendo-font-size-sm, inherit)",
             "resolvedType": "String"
         },
         {
@@ -14643,7 +14643,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-chat-timestamp-line-height",
-                "value": "var( --kendo-line-height, normal )",
+                "value": "var( --kendo-line-height-lg, normal )",
                 "scope": "default",
                 "line": {
                     "start": 70,
@@ -14658,7 +14658,7 @@
                 "path": "fluent/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-line-height, normal)",
+            "resolvedValue": "var(--kendo-line-height-lg, normal)",
             "resolvedType": "String"
         },
         {
@@ -14743,15 +14743,15 @@
             "resolvedType": "String"
         },
         {
-            "description": "The horizontal padding of the Chat bubble message.\n",
+            "description": "The font size of the Chat message meta text.\n",
             "commentRange": {
                 "start": 81,
                 "end": 82
             },
             "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": 83,
@@ -14766,19 +14766,19 @@
                 "path": "fluent/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": 84,
                 "end": 85
             },
             "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": 86,
@@ -14793,14 +14793,122 @@
                 "path": "fluent/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": 88,
+                "end": 89
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chat-author-font-size",
+                "value": "var( --kendo-font-size-sm, inherit )",
+                "scope": "default",
+                "line": {
+                    "start": 90,
+                    "end": 90
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/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": 91,
+                "end": 92
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chat-author-line-height",
+                "value": "var( --kendo-line-height-lg, normal )",
+                "scope": "default",
+                "line": {
+                    "start": 93,
+                    "end": 93
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/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": 95,
+                "end": 96
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chat-bubble-padding-x",
+                "value": "k-spacing(3)",
+                "scope": "default",
+                "line": {
+                    "start": 97,
+                    "end": 97
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/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": 98,
+                "end": 99
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chat-bubble-padding-y",
+                "value": "k-spacing(2)",
+                "scope": "default",
+                "line": {
+                    "start": 100,
+                    "end": 100
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/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": 87,
-                "end": 88
+                "start": 101,
+                "end": 102
             },
             "context": {
                 "type": "variable",
@@ -14808,8 +14916,8 @@
                 "value": "k-spacing(0.5)",
                 "scope": "default",
                 "line": {
-                    "start": 89,
-                    "end": 89
+                    "start": 103,
+                    "end": 103
                 }
             },
             "group": [
@@ -14826,8 +14934,8 @@
         {
             "description": "The line height of the Chat bubble message.\n",
             "commentRange": {
-                "start": 90,
-                "end": 91
+                "start": 104,
+                "end": 105
             },
             "context": {
                 "type": "variable",
@@ -14835,8 +14943,8 @@
                 "value": "var( --kendo-line-height, normal )",
                 "scope": "default",
                 "line": {
-                    "start": 92,
-                    "end": 92
+                    "start": 106,
+                    "end": 106
                 }
             },
             "group": [
@@ -14853,8 +14961,8 @@
         {
             "description": "The spacing of the Chat scroll button.\n",
             "commentRange": {
-                "start": 94,
-                "end": 95
+                "start": 108,
+                "end": 109
             },
             "context": {
                 "type": "variable",
@@ -14862,8 +14970,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 96,
-                    "end": 96
+                    "start": 110,
+                    "end": 110
                 }
             },
             "group": [
@@ -14880,8 +14988,8 @@
         {
             "description": "The size of the Chat Card deck scrollbar.\n",
             "commentRange": {
-                "start": 97,
-                "end": 98
+                "start": 111,
+                "end": 112
             },
             "context": {
                 "type": "variable",
@@ -14889,8 +14997,8 @@
                 "value": "20px",
                 "scope": "default",
                 "line": {
-                    "start": 99,
-                    "end": 99
+                    "start": 113,
+                    "end": 113
                 }
             },
             "group": [
@@ -14907,8 +15015,8 @@
         {
             "description": "The border radius of the Chat bubble message.\n",
             "commentRange": {
-                "start": 101,
-                "end": 102
+                "start": 115,
+                "end": 116
             },
             "context": {
                 "type": "variable",
@@ -14916,8 +15024,8 @@
                 "value": "k-spacing(3)",
                 "scope": "default",
                 "line": {
-                    "start": 103,
-                    "end": 103
+                    "start": 117,
+                    "end": 117
                 }
             },
             "group": [
@@ -14934,8 +15042,8 @@
         {
             "description": "The border radius of the Chat small bubble message\n",
             "commentRange": {
-                "start": 104,
-                "end": 105
+                "start": 118,
+                "end": 119
             },
             "context": {
                 "type": "variable",
@@ -14943,8 +15051,8 @@
                 "value": "var( --kendo-border-radius, 0 )",
                 "scope": "default",
                 "line": {
-                    "start": 106,
-                    "end": 106
+                    "start": 120,
+                    "end": 120
                 }
             },
             "group": [
@@ -14961,8 +15069,8 @@
         {
             "description": "The size of the Chat Avatar.\n",
             "commentRange": {
-                "start": 108,
-                "end": 109
+                "start": 122,
+                "end": 123
             },
             "context": {
                 "type": "variable",
@@ -14970,8 +15078,8 @@
                 "value": "32px",
                 "scope": "default",
                 "line": {
-                    "start": 110,
-                    "end": 110
+                    "start": 124,
+                    "end": 124
                 }
             },
             "group": [
@@ -14988,8 +15096,8 @@
         {
             "description": "The spacing of the Chat Avatar.\n",
             "commentRange": {
-                "start": 111,
-                "end": 112
+                "start": 125,
+                "end": 126
             },
             "context": {
                 "type": "variable",
@@ -14997,8 +15105,8 @@
                 "value": "$kendo-chat-item-spacing-x",
                 "scope": "default",
                 "line": {
-                    "start": 113,
-                    "end": 113
+                    "start": 127,
+                    "end": 127
                 }
             },
             "group": [
@@ -15015,8 +15123,8 @@
         {
             "description": "The horizontal padding of the Chat Toolbar.\n",
             "commentRange": {
-                "start": 115,
-                "end": 116
+                "start": 129,
+                "end": 130
             },
             "context": {
                 "type": "variable",
@@ -15024,8 +15132,8 @@
                 "value": "$kendo-toolbar-md-padding-x",
                 "scope": "default",
                 "line": {
-                    "start": 117,
-                    "end": 117
+                    "start": 131,
+                    "end": 131
                 }
             },
             "group": [
@@ -15042,8 +15150,8 @@
         {
             "description": "The vertical padding of the Chat Toolbar.\n",
             "commentRange": {
-                "start": 118,
-                "end": 119
+                "start": 132,
+                "end": 133
             },
             "context": {
                 "type": "variable",
@@ -15051,8 +15159,8 @@
                 "value": "$kendo-toolbar-md-padding-y",
                 "scope": "default",
                 "line": {
-                    "start": 120,
-                    "end": 120
+                    "start": 134,
+                    "end": 134
                 }
             },
             "group": [
@@ -15069,8 +15177,8 @@
         {
             "description": "The spacing of the Chat Toolbar.\n",
             "commentRange": {
-                "start": 121,
-                "end": 122
+                "start": 135,
+                "end": 136
             },
             "context": {
                 "type": "variable",
@@ -15078,8 +15186,8 @@
                 "value": "$kendo-toolbar-md-spacing",
                 "scope": "default",
                 "line": {
-                    "start": 123,
-                    "end": 123
+                    "start": 137,
+                    "end": 137
                 }
             },
             "group": [
@@ -15096,8 +15204,8 @@
         {
             "description": "The background color of the Chat Toolbar.\n",
             "commentRange": {
-                "start": 124,
-                "end": 125
+                "start": 138,
+                "end": 139
             },
             "context": {
                 "type": "variable",
@@ -15105,8 +15213,8 @@
                 "value": "$kendo-toolbar-bg",
                 "scope": "default",
                 "line": {
-                    "start": 126,
-                    "end": 126
+                    "start": 140,
+                    "end": 140
                 }
             },
             "group": [
@@ -15123,8 +15231,8 @@
         {
             "description": "The text color of the Chat Toolbar.\n",
             "commentRange": {
-                "start": 127,
-                "end": 128
+                "start": 141,
+                "end": 142
             },
             "context": {
                 "type": "variable",
@@ -15132,8 +15240,8 @@
                 "value": "$kendo-toolbar-text",
                 "scope": "default",
                 "line": {
-                    "start": 129,
-                    "end": 129
+                    "start": 143,
+                    "end": 143
                 }
             },
             "group": [
@@ -15150,8 +15258,8 @@
         {
             "description": "The border color of the Chat Toolbar.\n",
             "commentRange": {
-                "start": 130,
-                "end": 131
+                "start": 144,
+                "end": 145
             },
             "context": {
                 "type": "variable",
@@ -15159,8 +15267,8 @@
                 "value": "inherit",
                 "scope": "default",
                 "line": {
-                    "start": 132,
-                    "end": 132
+                    "start": 146,
+                    "end": 146
                 }
             },
             "group": [
@@ -15177,8 +15285,8 @@
         {
             "description": "The horizontal padding of the Chat quick reply.\n",
             "commentRange": {
-                "start": 134,
-                "end": 135
+                "start": 148,
+                "end": 149
             },
             "context": {
                 "type": "variable",
@@ -15186,8 +15294,8 @@
                 "value": "k-spacing(3)",
                 "scope": "default",
                 "line": {
-                    "start": 136,
-                    "end": 136
+                    "start": 150,
+                    "end": 150
                 }
             },
             "group": [
@@ -15204,8 +15312,8 @@
         {
             "description": "The vertical padding of the Chat quick reply.\n",
             "commentRange": {
-                "start": 137,
-                "end": 138
+                "start": 151,
+                "end": 152
             },
             "context": {
                 "type": "variable",
@@ -15213,8 +15321,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 139,
-                    "end": 139
+                    "start": 153,
+                    "end": 153
                 }
             },
             "group": [
@@ -15231,8 +15339,8 @@
         {
             "description": "The spacing of the Chat quick reply.\n",
             "commentRange": {
-                "start": 140,
-                "end": 141
+                "start": 154,
+                "end": 155
             },
             "context": {
                 "type": "variable",
@@ -15240,8 +15348,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 142,
-                    "end": 142
+                    "start": 156,
+                    "end": 156
                 }
             },
             "group": [
@@ -15258,8 +15366,8 @@
         {
             "description": "The line height of the Chat quick reply.\n",
             "commentRange": {
-                "start": 143,
-                "end": 144
+                "start": 157,
+                "end": 158
             },
             "context": {
                 "type": "variable",
@@ -15267,8 +15375,8 @@
                 "value": "$kendo-chat-bubble-line-height",
                 "scope": "default",
                 "line": {
-                    "start": 145,
-                    "end": 145
+                    "start": 159,
+                    "end": 159
                 }
             },
             "group": [
@@ -15285,8 +15393,8 @@
         {
             "description": "The background color of the Chat.\n",
             "commentRange": {
-                "start": 147,
-                "end": 148
+                "start": 161,
+                "end": 162
             },
             "context": {
                 "type": "variable",
@@ -15294,8 +15402,8 @@
                 "value": "if($kendo-enable-color-system, k-color( surface ), k-get-theme-color-var( neutral-10 ))",
                 "scope": "default",
                 "line": {
-                    "start": 149,
-                    "end": 149
+                    "start": 163,
+                    "end": 163
                 }
             },
             "group": [
@@ -15312,8 +15420,8 @@
         {
             "description": "The text color of the Chat.\n",
             "commentRange": {
-                "start": 150,
-                "end": 151
+                "start": 164,
+                "end": 165
             },
             "context": {
                 "type": "variable",
@@ -15321,8 +15429,8 @@
                 "value": "if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-190 ))",
                 "scope": "default",
                 "line": {
-                    "start": 152,
-                    "end": 152
+                    "start": 166,
+                    "end": 166
                 }
             },
             "group": [
@@ -15339,8 +15447,8 @@
         {
             "description": "The border color of the Chat.\n",
             "commentRange": {
-                "start": 153,
-                "end": 154
+                "start": 167,
+                "end": 168
             },
             "context": {
                 "type": "variable",
@@ -15348,8 +15456,8 @@
                 "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
                 "scope": "default",
                 "line": {
-                    "start": 155,
-                    "end": 155
+                    "start": 169,
+                    "end": 169
                 }
             },
             "group": [
@@ -15366,8 +15474,8 @@
         {
             "description": "The background color of the Chat bubble.\n",
             "commentRange": {
-                "start": 157,
-                "end": 158
+                "start": 171,
+                "end": 172
             },
             "context": {
                 "type": "variable",
@@ -15375,8 +15483,8 @@
                 "value": "var( --kendo-component-bg, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 159,
-                    "end": 159
+                    "start": 173,
+                    "end": 173
                 }
             },
             "group": [
@@ -15393,8 +15501,8 @@
         {
             "description": "The text color of the Chat bubble.\n",
             "commentRange": {
-                "start": 160,
-                "end": 161
+                "start": 174,
+                "end": 175
             },
             "context": {
                 "type": "variable",
@@ -15402,8 +15510,8 @@
                 "value": "var( --kendo-component-text, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 162,
-                    "end": 162
+                    "start": 176,
+                    "end": 176
                 }
             },
             "group": [
@@ -15420,8 +15528,8 @@
         {
             "description": "The border color of the Chat bubble.\n",
             "commentRange": {
-                "start": 163,
-                "end": 164
+                "start": 177,
+                "end": 178
             },
             "context": {
                 "type": "variable",
@@ -15429,8 +15537,8 @@
                 "value": "$kendo-chat-bubble-bg",
                 "scope": "default",
                 "line": {
-                    "start": 165,
-                    "end": 165
+                    "start": 179,
+                    "end": 179
                 }
             },
             "group": [
@@ -15447,8 +15555,8 @@
         {
             "description": "The box shadow of the Chat bubble.\n",
             "commentRange": {
-                "start": 166,
-                "end": 167
+                "start": 180,
+                "end": 181
             },
             "context": {
                 "type": "variable",
@@ -15456,8 +15564,8 @@
                 "value": "var( --kendo-box-shadow-depth-1, none )",
                 "scope": "default",
                 "line": {
-                    "start": 168,
-                    "end": 168
+                    "start": 182,
+                    "end": 182
                 }
             },
             "group": [
@@ -15474,8 +15582,8 @@
         {
             "description": "The shadow of the hovered Chat bubble.\n",
             "commentRange": {
-                "start": 169,
-                "end": 170
+                "start": 183,
+                "end": 184
             },
             "context": {
                 "type": "variable",
@@ -15483,8 +15591,8 @@
                 "value": "var( --kendo-box-shadow-depth-2, none )",
                 "scope": "default",
                 "line": {
-                    "start": 171,
-                    "end": 171
+                    "start": 185,
+                    "end": 185
                 }
             },
             "group": [
@@ -15501,8 +15609,8 @@
         {
             "description": "The shadow of the selected Chat bubble.\n",
             "commentRange": {
-                "start": 172,
-                "end": 173
+                "start": 186,
+                "end": 187
             },
             "context": {
                 "type": "variable",
@@ -15510,8 +15618,8 @@
                 "value": "var( --kendo-box-shadow-depth-3, none )",
                 "scope": "default",
                 "line": {
-                    "start": 174,
-                    "end": 174
+                    "start": 188,
+                    "end": 188
                 }
             },
             "group": [
@@ -15528,8 +15636,8 @@
         {
             "description": "The background color of the Chat alt bubble.\n",
             "commentRange": {
-                "start": 176,
-                "end": 177
+                "start": 190,
+                "end": 191
             },
             "context": {
                 "type": "variable",
@@ -15537,8 +15645,8 @@
                 "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
                 "scope": "default",
                 "line": {
-                    "start": 178,
-                    "end": 178
+                    "start": 192,
+                    "end": 192
                 }
             },
             "group": [
@@ -15555,8 +15663,8 @@
         {
             "description": "The text color of the Chat alt bubble.\n",
             "commentRange": {
-                "start": 179,
-                "end": 180
+                "start": 193,
+                "end": 194
             },
             "context": {
                 "type": "variable",
@@ -15564,8 +15672,8 @@
                 "value": "var( --kendo-component-bg, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 181,
-                    "end": 181
+                    "start": 195,
+                    "end": 195
                 }
             },
             "group": [
@@ -15582,8 +15690,8 @@
         {
             "description": "The border color of the Chat alt bubble.\n",
             "commentRange": {
-                "start": 182,
-                "end": 183
+                "start": 196,
+                "end": 197
             },
             "context": {
                 "type": "variable",
@@ -15591,8 +15699,8 @@
                 "value": "$kendo-chat-alt-bubble-bg",
                 "scope": "default",
                 "line": {
-                    "start": 184,
-                    "end": 184
+                    "start": 198,
+                    "end": 198
                 }
             },
             "group": [
@@ -15609,8 +15717,8 @@
         {
             "description": "The shadow of the Chat alt bubble.\n",
             "commentRange": {
-                "start": 185,
-                "end": 186
+                "start": 199,
+                "end": 200
             },
             "context": {
                 "type": "variable",
@@ -15618,8 +15726,8 @@
                 "value": "var( --kendo-box-shadow-depth-1, none )",
                 "scope": "default",
                 "line": {
-                    "start": 187,
-                    "end": 187
+                    "start": 201,
+                    "end": 201
                 }
             },
             "group": [
@@ -15636,8 +15744,8 @@
         {
             "description": "The shadow of the hovered Chat alt bubble.\n",
             "commentRange": {
-                "start": 188,
-                "end": 189
+                "start": 202,
+                "end": 203
             },
             "context": {
                 "type": "variable",
@@ -15645,8 +15753,8 @@
                 "value": "var( --kendo-box-shadow-depth-2, none )",
                 "scope": "default",
                 "line": {
-                    "start": 190,
-                    "end": 190
+                    "start": 204,
+                    "end": 204
                 }
             },
             "group": [
@@ -15663,8 +15771,8 @@
         {
             "description": "The shadow of the selected Chat alt bubble.\n",
             "commentRange": {
-                "start": 191,
-                "end": 192
+                "start": 205,
+                "end": 206
             },
             "context": {
                 "type": "variable",
@@ -15672,8 +15780,8 @@
                 "value": "var( --kendo-box-shadow-depth-3, none )",
                 "scope": "default",
                 "line": {
-                    "start": 193,
-                    "end": 193
+                    "start": 207,
+                    "end": 207
                 }
             },
             "group": [
@@ -15690,8 +15798,8 @@
         {
             "description": "The background color of the Chat quick reply.\n",
             "commentRange": {
-                "start": 195,
-                "end": 196
+                "start": 209,
+                "end": 210
             },
             "context": {
                 "type": "variable",
@@ -15699,8 +15807,8 @@
                 "value": "transparent",
                 "scope": "default",
                 "line": {
-                    "start": 197,
-                    "end": 197
+                    "start": 211,
+                    "end": 211
                 }
             },
             "group": [
@@ -15717,8 +15825,8 @@
         {
             "description": "The text color of the Chat quick reply.\n",
             "commentRange": {
-                "start": 198,
-                "end": 199
+                "start": 212,
+                "end": 213
             },
             "context": {
                 "type": "variable",
@@ -15726,8 +15834,8 @@
                 "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
                 "scope": "default",
                 "line": {
-                    "start": 200,
-                    "end": 200
+                    "start": 214,
+                    "end": 214
                 }
             },
             "group": [
@@ -15744,8 +15852,8 @@
         {
             "description": "The border color of the Chat quick reply.\n",
             "commentRange": {
-                "start": 201,
-                "end": 202
+                "start": 215,
+                "end": 216
             },
             "context": {
                 "type": "variable",
@@ -15753,8 +15861,8 @@
                 "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
                 "scope": "default",
                 "line": {
-                    "start": 203,
-                    "end": 203
+                    "start": 217,
+                    "end": 217
                 }
             },
             "group": [
@@ -15771,8 +15879,8 @@
         {
             "description": "The background color of the hovered Chat quick reply.\n",
             "commentRange": {
-                "start": 205,
-                "end": 206
+                "start": 219,
+                "end": 220
             },
             "context": {
                 "type": "variable",
@@ -15780,8 +15888,8 @@
                 "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
                 "scope": "default",
                 "line": {
-                    "start": 207,
-                    "end": 207
+                    "start": 221,
+                    "end": 221
                 }
             },
             "group": [
@@ -15798,8 +15906,8 @@
         {
             "description": "The text color of the hovered Chat quick reply.\n",
             "commentRange": {
-                "start": 208,
-                "end": 209
+                "start": 222,
+                "end": 223
             },
             "context": {
                 "type": "variable",
@@ -15807,8 +15915,8 @@
                 "value": "var( --kendo-component-bg, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 210,
-                    "end": 210
+                    "start": 224,
+                    "end": 224
                 }
             },
             "group": [
@@ -15825,8 +15933,8 @@
         {
             "description": "The border color of the hovered Chat quick reply.\n",
             "commentRange": {
-                "start": 211,
-                "end": 212
+                "start": 225,
+                "end": 226
             },
             "context": {
                 "type": "variable",
@@ -15834,8 +15942,8 @@
                 "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
                 "scope": "default",
                 "line": {
-                    "start": 213,
-                    "end": 213
+                    "start": 227,
+                    "end": 227
                 }
             },
             "group": [
@@ -47246,6 +47354,114 @@
                 }
             }
         },
+        {
+            "description": "The background color of the Loading indicator.\n",
+            "commentRange": {
+                "start": 192,
+                "end": 193
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-loading-bg",
+                "value": "var( --kendo-component-bg, initial )",
+                "scope": "default",
+                "line": {
+                    "start": 194,
+                    "end": 194
+                }
+            },
+            "group": [
+                "loading"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/loader/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-component-bg, initial)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The text color of the Loading indicator.\n",
+            "commentRange": {
+                "start": 195,
+                "end": 196
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-loading-text",
+                "value": "currentColor",
+                "scope": "default",
+                "line": {
+                    "start": 197,
+                    "end": 197
+                }
+            },
+            "group": [
+                "loading"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/loader/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "currentColor",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The opacity of the Loading indicator.\n",
+            "commentRange": {
+                "start": 198,
+                "end": 199
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-loading-opacity",
+                "value": ".3",
+                "scope": "default",
+                "line": {
+                    "start": 200,
+                    "end": 200
+                }
+            },
+            "group": [
+                "loading"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/loader/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "0.3",
+            "resolvedType": "Number"
+        },
+        {
+            "description": "The z-index of the Loading indicator.\n",
+            "commentRange": {
+                "start": 201,
+                "end": 202
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-zindex-loading",
+                "value": "100",
+                "scope": "default",
+                "line": {
+                    "start": 203,
+                    "end": 203
+                }
+            },
+            "group": [
+                "loading"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/loader/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "100",
+            "resolvedType": "Number"
+        },
         {
             "description": "Font size of the map.\n",
             "commentRange": {
@@ -53127,6 +53343,276 @@
                 "name": "_palettes.scss"
             }
         },
+        {
+            "description": "The border radius of the Panel.\n",
+            "commentRange": {
+                "start": 4,
+                "end": 5
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-panel-border-radius",
+                "value": "k-border-radius(md)",
+                "scope": "private",
+                "line": {
+                    "start": 6,
+                    "end": 6
+                }
+            },
+            "group": [
+                "panel"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/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": 7,
+                "end": 8
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-panel-border-width",
+                "value": "1px",
+                "scope": "private",
+                "line": {
+                    "start": 9,
+                    "end": 9
+                }
+            },
+            "group": [
+                "panel"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "1px",
+            "resolvedType": "Number"
+        },
+        {
+            "description": "The style of the border around the Panel.\n",
+            "commentRange": {
+                "start": 10,
+                "end": 11
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-panel-border-style",
+                "value": "solid",
+                "scope": "private",
+                "line": {
+                    "start": 12,
+                    "end": 12
+                }
+            },
+            "group": [
+                "panel"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "solid",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The inline padding of the Panel header.\n",
+            "commentRange": {
+                "start": 14,
+                "end": 15
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-panel-header-padding-inline",
+                "value": "k-spacing(2)",
+                "scope": "private",
+                "line": {
+                    "start": 16,
+                    "end": 16
+                }
+            },
+            "group": [
+                "panel"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/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": 17,
+                "end": 18
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-panel-header-padding-block",
+                "value": "k-spacing(1)",
+                "scope": "private",
+                "line": {
+                    "start": 19,
+                    "end": 19
+                }
+            },
+            "group": [
+                "panel"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/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": 21,
+                "end": 22
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-panel-content-padding-inline",
+                "value": "k-spacing(2)",
+                "scope": "private",
+                "line": {
+                    "start": 23,
+                    "end": 23
+                }
+            },
+            "group": [
+                "panel"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/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": 24,
+                "end": 25
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-panel-content-padding-block",
+                "value": "k-spacing(1)",
+                "scope": "private",
+                "line": {
+                    "start": 26,
+                    "end": 26
+                }
+            },
+            "group": [
+                "panel"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/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": 28,
+                "end": 29
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-panel-text",
+                "value": "var(--kendo-component-text, #{$kendo-component-text})",
+                "scope": "private",
+                "line": {
+                    "start": 30,
+                    "end": 30
+                }
+            },
+            "group": [
+                "panel"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-component-text, var(--kendo-color-on-app-surface, #323130))",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The background color of the Panel.\n",
+            "commentRange": {
+                "start": 31,
+                "end": 32
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-panel-bg",
+                "value": "var(--kendo-component-bg, #{$kendo-component-bg})",
+                "scope": "private",
+                "line": {
+                    "start": 33,
+                    "end": 33
+                }
+            },
+            "group": [
+                "panel"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/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": 34,
+                "end": 35
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-panel-border",
+                "value": "var(--kendo-component-border, #{$kendo-component-border})",
+                "scope": "private",
+                "line": {
+                    "start": 36,
+                    "end": 36
+                }
+            },
+            "group": [
+                "panel"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-component-border, color-mix(in srgb, var(--kendo-color-border, #8a8886) 16%, transparent))",
+            "resolvedType": "String"
+        },
         {
             "description": "The horizontal padding of the PanelBar.\n",
             "commentRange": {
@@ -77538,6 +78024,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": "fluent/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": "fluent/scss/time-marker/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "#ff0000",
+            "resolvedType": "Color"
+        },
         {
             "description": "Width of the border around the time-selector.\n",
             "commentRange": {
@@ -89038,85 +89578,147 @@
                 "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"
             }
-        }
-    ],
-    "mixins": [],
-    "functions": [],
-    "placeholders": [],
-    "css": [
+        },
         {
-            "description": "This class could be assigned to elements which should be visually hidden, but remain accessible for screen readers.\n",
+            "description": "The background color of disabled items.\n",
             "commentRange": {
-                "start": 13,
-                "end": 15
+                "start": 41,
+                "end": 41
             },
             "context": {
-                "type": "css",
-                "name": ". k-sr-only",
-                "value": "position: absolute;\n    left: -1px;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;",
+                "type": "variable",
+                "name": "kendo-disabled-bg",
+                "value": "null",
+                "scope": "default",
                 "line": {
-                    "start": 16,
-                    "end": 23
+                    "start": 42,
+                    "end": 42
                 }
             },
+            "access": "public",
             "group": [
-                "extra"
+                "undefined"
             ],
-            "access": "public",
             "file": {
-                "path": "fluent/scss/core/helpers/_extra.scss",
-                "name": "_extra.scss"
-            }
+                "path": "core/scss/color-system/_swatch-legacy.scss",
+                "name": "_swatch-legacy.scss"
+            },
+            "resolvedValue": "var(--kendo-color-base-subtle, #edebe9)",
+            "resolvedType": "String"
         },
         {
-            "description": "This is equivalent to `flex: 1 0 auto;`. If every other element has a fixed size in a flex container, the spacer will take up the remaining space.\n",
+            "description": "The text color of disabled items.\n",
             "commentRange": {
-                "start": 1,
-                "end": 3
+                "start": 43,
+                "end": 43
             },
             "context": {
-                "type": "css",
-                "name": ".k-spacer",
-                "value": "flex: 1 0 auto;",
+                "type": "variable",
+                "name": "kendo-disabled-text",
+                "value": "null",
+                "scope": "default",
                 "line": {
-                    "start": 4,
-                    "end": 14
+                    "start": 44,
+                    "end": 44
                 }
             },
+            "access": "public",
             "group": [
-                "spacer"
+                "undefined"
             ],
+            "file": {
+                "path": "core/scss/color-system/_swatch-legacy.scss",
+                "name": "_swatch-legacy.scss"
+            },
+            "resolvedValue": "color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 46%, transparent)",
+            "resolvedType": "String"
+        },
+        {
+            "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": "fluent/scss/core/helpers/_spacer.scss",
-                "name": "_spacer.scss"
-            }
+                "path": "core/scss/color-system/_swatch-legacy.scss",
+                "name": "_swatch-legacy.scss"
+            },
+            "resolvedValue": "transparent",
+            "resolvedType": "Color"
         },
         {
-            "description": "This is equivalent to `flex-grow: 0;`. The spacer will not take any of the remaining space in a flex container.\n",
+            "description": "The opacity of disabled items.\n",
             "commentRange": {
-                "start": 8,
-                "end": 10
+                "start": 47,
+                "end": 47
             },
             "context": {
-                "type": "css",
-                "name": ".k-spacer-sized",
-                "value": "flex-grow: 0;",
+                "type": "variable",
+                "name": "kendo-disabled-opacity",
+                "value": "null",
+                "scope": "default",
                 "line": {
-                    "start": 11,
-                    "end": 14
+                    "start": 48,
+                    "end": 48
                 }
             },
+            "access": "public",
             "group": [
-                "spacer"
+                "undefined"
             ],
+            "file": {
+                "path": "core/scss/color-system/_swatch-legacy.scss",
+                "name": "_swatch-legacy.scss"
+            },
+            "resolvedValue": "null",
+            "resolvedType": "Null"
+        },
+        {
+            "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": "fluent/scss/core/helpers/_spacer.scss",
-                "name": "_spacer.scss"
-            }
+                "path": "core/scss/color-system/_swatch-legacy.scss",
+                "name": "_swatch-legacy.scss"
+            },
+            "resolvedValue": "null",
+            "resolvedType": "Null"
         }
     ],
+    "mixins": [],
+    "functions": [],
+    "placeholders": [],
+    "css": [],
     "variableGroups": [
         {
             "id": "common",
@@ -90191,6 +90793,141 @@
                     },
                     "resolvedValue": "22px",
                     "resolvedType": "Number"
+                },
+                {
+                    "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": "var(--kendo-color-base-subtle, #edebe9)",
+                    "resolvedType": "String"
+                },
+                {
+                    "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": "color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 46%, transparent)",
+                    "resolvedType": "String"
+                },
+                {
+                    "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": "transparent",
+                    "resolvedType": "Color"
+                },
+                {
+                    "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": "null",
+                    "resolvedType": "Null"
+                },
+                {
+                    "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": "null",
+                    "resolvedType": "Null"
                 }
             ]
         },
@@ -94101,7 +94838,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-bottom-nav-line-height",
-                        "value": "var( --kendo-line-height, normal )",
+                        "value": "var( --kendo-line-height-xs, normal )",
                         "scope": "default",
                         "line": {
                             "start": 24,
@@ -94116,7 +94853,7 @@
                         "path": "fluent/scss/bottom-navigation/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-line-height, normal)",
+                    "resolvedValue": "var(--kendo-line-height-xs, normal)",
                     "resolvedType": "String"
                 },
                 {
@@ -105279,7 +106016,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-chat-timestamp-font-size",
-                        "value": "smaller",
+                        "value": "var( --kendo-font-size-sm, inherit )",
                         "scope": "default",
                         "line": {
                             "start": 67,
@@ -105294,7 +106031,7 @@
                         "path": "fluent/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "smaller",
+                    "resolvedValue": "var(--kendo-font-size-sm, inherit)",
                     "resolvedType": "String"
                 },
                 {
@@ -105306,7 +106043,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-chat-timestamp-line-height",
-                        "value": "var( --kendo-line-height, normal )",
+                        "value": "var( --kendo-line-height-lg, normal )",
                         "scope": "default",
                         "line": {
                             "start": 70,
@@ -105321,7 +106058,7 @@
                         "path": "fluent/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-line-height, normal)",
+                    "resolvedValue": "var(--kendo-line-height-lg, normal)",
                     "resolvedType": "String"
                 },
                 {
@@ -105406,15 +106143,15 @@
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The horizontal padding of the Chat bubble message.\n",
+                    "description": "The font size of the Chat message meta text.\n",
                     "commentRange": {
                         "start": 81,
                         "end": 82
                     },
                     "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": 83,
@@ -105429,19 +106166,19 @@
                         "path": "fluent/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": 84,
                         "end": 85
                     },
                     "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": 86,
@@ -105456,14 +106193,122 @@
                         "path": "fluent/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": 88,
+                        "end": 89
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chat-author-font-size",
+                        "value": "var( --kendo-font-size-sm, inherit )",
+                        "scope": "default",
+                        "line": {
+                            "start": 90,
+                            "end": 90
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/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": 91,
+                        "end": 92
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chat-author-line-height",
+                        "value": "var( --kendo-line-height-lg, normal )",
+                        "scope": "default",
+                        "line": {
+                            "start": 93,
+                            "end": 93
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/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": 95,
+                        "end": 96
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chat-bubble-padding-x",
+                        "value": "k-spacing(3)",
+                        "scope": "default",
+                        "line": {
+                            "start": 97,
+                            "end": 97
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/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": 98,
+                        "end": 99
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chat-bubble-padding-y",
+                        "value": "k-spacing(2)",
+                        "scope": "default",
+                        "line": {
+                            "start": 100,
+                            "end": 100
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/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": 87,
-                        "end": 88
+                        "start": 101,
+                        "end": 102
                     },
                     "context": {
                         "type": "variable",
@@ -105471,8 +106316,8 @@
                         "value": "k-spacing(0.5)",
                         "scope": "default",
                         "line": {
-                            "start": 89,
-                            "end": 89
+                            "start": 103,
+                            "end": 103
                         }
                     },
                     "group": [
@@ -105489,8 +106334,8 @@
                 {
                     "description": "The line height of the Chat bubble message.\n",
                     "commentRange": {
-                        "start": 90,
-                        "end": 91
+                        "start": 104,
+                        "end": 105
                     },
                     "context": {
                         "type": "variable",
@@ -105498,8 +106343,8 @@
                         "value": "var( --kendo-line-height, normal )",
                         "scope": "default",
                         "line": {
-                            "start": 92,
-                            "end": 92
+                            "start": 106,
+                            "end": 106
                         }
                     },
                     "group": [
@@ -105516,8 +106361,8 @@
                 {
                     "description": "The spacing of the Chat scroll button.\n",
                     "commentRange": {
-                        "start": 94,
-                        "end": 95
+                        "start": 108,
+                        "end": 109
                     },
                     "context": {
                         "type": "variable",
@@ -105525,8 +106370,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 96,
-                            "end": 96
+                            "start": 110,
+                            "end": 110
                         }
                     },
                     "group": [
@@ -105543,8 +106388,8 @@
                 {
                     "description": "The size of the Chat Card deck scrollbar.\n",
                     "commentRange": {
-                        "start": 97,
-                        "end": 98
+                        "start": 111,
+                        "end": 112
                     },
                     "context": {
                         "type": "variable",
@@ -105552,8 +106397,8 @@
                         "value": "20px",
                         "scope": "default",
                         "line": {
-                            "start": 99,
-                            "end": 99
+                            "start": 113,
+                            "end": 113
                         }
                     },
                     "group": [
@@ -105570,8 +106415,8 @@
                 {
                     "description": "The border radius of the Chat bubble message.\n",
                     "commentRange": {
-                        "start": 101,
-                        "end": 102
+                        "start": 115,
+                        "end": 116
                     },
                     "context": {
                         "type": "variable",
@@ -105579,8 +106424,8 @@
                         "value": "k-spacing(3)",
                         "scope": "default",
                         "line": {
-                            "start": 103,
-                            "end": 103
+                            "start": 117,
+                            "end": 117
                         }
                     },
                     "group": [
@@ -105597,8 +106442,8 @@
                 {
                     "description": "The border radius of the Chat small bubble message\n",
                     "commentRange": {
-                        "start": 104,
-                        "end": 105
+                        "start": 118,
+                        "end": 119
                     },
                     "context": {
                         "type": "variable",
@@ -105606,8 +106451,8 @@
                         "value": "var( --kendo-border-radius, 0 )",
                         "scope": "default",
                         "line": {
-                            "start": 106,
-                            "end": 106
+                            "start": 120,
+                            "end": 120
                         }
                     },
                     "group": [
@@ -105624,8 +106469,8 @@
                 {
                     "description": "The size of the Chat Avatar.\n",
                     "commentRange": {
-                        "start": 108,
-                        "end": 109
+                        "start": 122,
+                        "end": 123
                     },
                     "context": {
                         "type": "variable",
@@ -105633,8 +106478,8 @@
                         "value": "32px",
                         "scope": "default",
                         "line": {
-                            "start": 110,
-                            "end": 110
+                            "start": 124,
+                            "end": 124
                         }
                     },
                     "group": [
@@ -105651,8 +106496,8 @@
                 {
                     "description": "The spacing of the Chat Avatar.\n",
                     "commentRange": {
-                        "start": 111,
-                        "end": 112
+                        "start": 125,
+                        "end": 126
                     },
                     "context": {
                         "type": "variable",
@@ -105660,8 +106505,8 @@
                         "value": "$kendo-chat-item-spacing-x",
                         "scope": "default",
                         "line": {
-                            "start": 113,
-                            "end": 113
+                            "start": 127,
+                            "end": 127
                         }
                     },
                     "group": [
@@ -105678,8 +106523,8 @@
                 {
                     "description": "The horizontal padding of the Chat Toolbar.\n",
                     "commentRange": {
-                        "start": 115,
-                        "end": 116
+                        "start": 129,
+                        "end": 130
                     },
                     "context": {
                         "type": "variable",
@@ -105687,8 +106532,8 @@
                         "value": "$kendo-toolbar-md-padding-x",
                         "scope": "default",
                         "line": {
-                            "start": 117,
-                            "end": 117
+                            "start": 131,
+                            "end": 131
                         }
                     },
                     "group": [
@@ -105705,8 +106550,8 @@
                 {
                     "description": "The vertical padding of the Chat Toolbar.\n",
                     "commentRange": {
-                        "start": 118,
-                        "end": 119
+                        "start": 132,
+                        "end": 133
                     },
                     "context": {
                         "type": "variable",
@@ -105714,8 +106559,8 @@
                         "value": "$kendo-toolbar-md-padding-y",
                         "scope": "default",
                         "line": {
-                            "start": 120,
-                            "end": 120
+                            "start": 134,
+                            "end": 134
                         }
                     },
                     "group": [
@@ -105732,8 +106577,8 @@
                 {
                     "description": "The spacing of the Chat Toolbar.\n",
                     "commentRange": {
-                        "start": 121,
-                        "end": 122
+                        "start": 135,
+                        "end": 136
                     },
                     "context": {
                         "type": "variable",
@@ -105741,8 +106586,8 @@
                         "value": "$kendo-toolbar-md-spacing",
                         "scope": "default",
                         "line": {
-                            "start": 123,
-                            "end": 123
+                            "start": 137,
+                            "end": 137
                         }
                     },
                     "group": [
@@ -105759,8 +106604,8 @@
                 {
                     "description": "The background color of the Chat Toolbar.\n",
                     "commentRange": {
-                        "start": 124,
-                        "end": 125
+                        "start": 138,
+                        "end": 139
                     },
                     "context": {
                         "type": "variable",
@@ -105768,8 +106613,8 @@
                         "value": "$kendo-toolbar-bg",
                         "scope": "default",
                         "line": {
-                            "start": 126,
-                            "end": 126
+                            "start": 140,
+                            "end": 140
                         }
                     },
                     "group": [
@@ -105786,8 +106631,8 @@
                 {
                     "description": "The text color of the Chat Toolbar.\n",
                     "commentRange": {
-                        "start": 127,
-                        "end": 128
+                        "start": 141,
+                        "end": 142
                     },
                     "context": {
                         "type": "variable",
@@ -105795,8 +106640,8 @@
                         "value": "$kendo-toolbar-text",
                         "scope": "default",
                         "line": {
-                            "start": 129,
-                            "end": 129
+                            "start": 143,
+                            "end": 143
                         }
                     },
                     "group": [
@@ -105813,8 +106658,8 @@
                 {
                     "description": "The border color of the Chat Toolbar.\n",
                     "commentRange": {
-                        "start": 130,
-                        "end": 131
+                        "start": 144,
+                        "end": 145
                     },
                     "context": {
                         "type": "variable",
@@ -105822,8 +106667,8 @@
                         "value": "inherit",
                         "scope": "default",
                         "line": {
-                            "start": 132,
-                            "end": 132
+                            "start": 146,
+                            "end": 146
                         }
                     },
                     "group": [
@@ -105840,8 +106685,8 @@
                 {
                     "description": "The horizontal padding of the Chat quick reply.\n",
                     "commentRange": {
-                        "start": 134,
-                        "end": 135
+                        "start": 148,
+                        "end": 149
                     },
                     "context": {
                         "type": "variable",
@@ -105849,8 +106694,8 @@
                         "value": "k-spacing(3)",
                         "scope": "default",
                         "line": {
-                            "start": 136,
-                            "end": 136
+                            "start": 150,
+                            "end": 150
                         }
                     },
                     "group": [
@@ -105867,8 +106712,8 @@
                 {
                     "description": "The vertical padding of the Chat quick reply.\n",
                     "commentRange": {
-                        "start": 137,
-                        "end": 138
+                        "start": 151,
+                        "end": 152
                     },
                     "context": {
                         "type": "variable",
@@ -105876,8 +106721,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 139,
-                            "end": 139
+                            "start": 153,
+                            "end": 153
                         }
                     },
                     "group": [
@@ -105894,8 +106739,8 @@
                 {
                     "description": "The spacing of the Chat quick reply.\n",
                     "commentRange": {
-                        "start": 140,
-                        "end": 141
+                        "start": 154,
+                        "end": 155
                     },
                     "context": {
                         "type": "variable",
@@ -105903,8 +106748,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 142,
-                            "end": 142
+                            "start": 156,
+                            "end": 156
                         }
                     },
                     "group": [
@@ -105921,8 +106766,8 @@
                 {
                     "description": "The line height of the Chat quick reply.\n",
                     "commentRange": {
-                        "start": 143,
-                        "end": 144
+                        "start": 157,
+                        "end": 158
                     },
                     "context": {
                         "type": "variable",
@@ -105930,8 +106775,8 @@
                         "value": "$kendo-chat-bubble-line-height",
                         "scope": "default",
                         "line": {
-                            "start": 145,
-                            "end": 145
+                            "start": 159,
+                            "end": 159
                         }
                     },
                     "group": [
@@ -105948,8 +106793,8 @@
                 {
                     "description": "The background color of the Chat.\n",
                     "commentRange": {
-                        "start": 147,
-                        "end": 148
+                        "start": 161,
+                        "end": 162
                     },
                     "context": {
                         "type": "variable",
@@ -105957,8 +106802,8 @@
                         "value": "if($kendo-enable-color-system, k-color( surface ), k-get-theme-color-var( neutral-10 ))",
                         "scope": "default",
                         "line": {
-                            "start": 149,
-                            "end": 149
+                            "start": 163,
+                            "end": 163
                         }
                     },
                     "group": [
@@ -105975,8 +106820,8 @@
                 {
                     "description": "The text color of the Chat.\n",
                     "commentRange": {
-                        "start": 150,
-                        "end": 151
+                        "start": 164,
+                        "end": 165
                     },
                     "context": {
                         "type": "variable",
@@ -105984,8 +106829,8 @@
                         "value": "if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-190 ))",
                         "scope": "default",
                         "line": {
-                            "start": 152,
-                            "end": 152
+                            "start": 166,
+                            "end": 166
                         }
                     },
                     "group": [
@@ -106002,8 +106847,8 @@
                 {
                     "description": "The border color of the Chat.\n",
                     "commentRange": {
-                        "start": 153,
-                        "end": 154
+                        "start": 167,
+                        "end": 168
                     },
                     "context": {
                         "type": "variable",
@@ -106011,8 +106856,8 @@
                         "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
                         "scope": "default",
                         "line": {
-                            "start": 155,
-                            "end": 155
+                            "start": 169,
+                            "end": 169
                         }
                     },
                     "group": [
@@ -106029,8 +106874,8 @@
                 {
                     "description": "The background color of the Chat bubble.\n",
                     "commentRange": {
-                        "start": 157,
-                        "end": 158
+                        "start": 171,
+                        "end": 172
                     },
                     "context": {
                         "type": "variable",
@@ -106038,8 +106883,8 @@
                         "value": "var( --kendo-component-bg, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 159,
-                            "end": 159
+                            "start": 173,
+                            "end": 173
                         }
                     },
                     "group": [
@@ -106056,8 +106901,8 @@
                 {
                     "description": "The text color of the Chat bubble.\n",
                     "commentRange": {
-                        "start": 160,
-                        "end": 161
+                        "start": 174,
+                        "end": 175
                     },
                     "context": {
                         "type": "variable",
@@ -106065,8 +106910,8 @@
                         "value": "var( --kendo-component-text, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 162,
-                            "end": 162
+                            "start": 176,
+                            "end": 176
                         }
                     },
                     "group": [
@@ -106083,8 +106928,8 @@
                 {
                     "description": "The border color of the Chat bubble.\n",
                     "commentRange": {
-                        "start": 163,
-                        "end": 164
+                        "start": 177,
+                        "end": 178
                     },
                     "context": {
                         "type": "variable",
@@ -106092,8 +106937,8 @@
                         "value": "$kendo-chat-bubble-bg",
                         "scope": "default",
                         "line": {
-                            "start": 165,
-                            "end": 165
+                            "start": 179,
+                            "end": 179
                         }
                     },
                     "group": [
@@ -106110,8 +106955,8 @@
                 {
                     "description": "The box shadow of the Chat bubble.\n",
                     "commentRange": {
-                        "start": 166,
-                        "end": 167
+                        "start": 180,
+                        "end": 181
                     },
                     "context": {
                         "type": "variable",
@@ -106119,8 +106964,8 @@
                         "value": "var( --kendo-box-shadow-depth-1, none )",
                         "scope": "default",
                         "line": {
-                            "start": 168,
-                            "end": 168
+                            "start": 182,
+                            "end": 182
                         }
                     },
                     "group": [
@@ -106137,8 +106982,8 @@
                 {
                     "description": "The shadow of the hovered Chat bubble.\n",
                     "commentRange": {
-                        "start": 169,
-                        "end": 170
+                        "start": 183,
+                        "end": 184
                     },
                     "context": {
                         "type": "variable",
@@ -106146,8 +106991,8 @@
                         "value": "var( --kendo-box-shadow-depth-2, none )",
                         "scope": "default",
                         "line": {
-                            "start": 171,
-                            "end": 171
+                            "start": 185,
+                            "end": 185
                         }
                     },
                     "group": [
@@ -106164,8 +107009,8 @@
                 {
                     "description": "The shadow of the selected Chat bubble.\n",
                     "commentRange": {
-                        "start": 172,
-                        "end": 173
+                        "start": 186,
+                        "end": 187
                     },
                     "context": {
                         "type": "variable",
@@ -106173,8 +107018,8 @@
                         "value": "var( --kendo-box-shadow-depth-3, none )",
                         "scope": "default",
                         "line": {
-                            "start": 174,
-                            "end": 174
+                            "start": 188,
+                            "end": 188
                         }
                     },
                     "group": [
@@ -106191,8 +107036,8 @@
                 {
                     "description": "The background color of the Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 176,
-                        "end": 177
+                        "start": 190,
+                        "end": 191
                     },
                     "context": {
                         "type": "variable",
@@ -106200,8 +107045,8 @@
                         "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
                         "scope": "default",
                         "line": {
-                            "start": 178,
-                            "end": 178
+                            "start": 192,
+                            "end": 192
                         }
                     },
                     "group": [
@@ -106218,8 +107063,8 @@
                 {
                     "description": "The text color of the Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 179,
-                        "end": 180
+                        "start": 193,
+                        "end": 194
                     },
                     "context": {
                         "type": "variable",
@@ -106227,8 +107072,8 @@
                         "value": "var( --kendo-component-bg, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 181,
-                            "end": 181
+                            "start": 195,
+                            "end": 195
                         }
                     },
                     "group": [
@@ -106245,8 +107090,8 @@
                 {
                     "description": "The border color of the Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 182,
-                        "end": 183
+                        "start": 196,
+                        "end": 197
                     },
                     "context": {
                         "type": "variable",
@@ -106254,8 +107099,8 @@
                         "value": "$kendo-chat-alt-bubble-bg",
                         "scope": "default",
                         "line": {
-                            "start": 184,
-                            "end": 184
+                            "start": 198,
+                            "end": 198
                         }
                     },
                     "group": [
@@ -106272,8 +107117,8 @@
                 {
                     "description": "The shadow of the Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 185,
-                        "end": 186
+                        "start": 199,
+                        "end": 200
                     },
                     "context": {
                         "type": "variable",
@@ -106281,8 +107126,8 @@
                         "value": "var( --kendo-box-shadow-depth-1, none )",
                         "scope": "default",
                         "line": {
-                            "start": 187,
-                            "end": 187
+                            "start": 201,
+                            "end": 201
                         }
                     },
                     "group": [
@@ -106299,8 +107144,8 @@
                 {
                     "description": "The shadow of the hovered Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 188,
-                        "end": 189
+                        "start": 202,
+                        "end": 203
                     },
                     "context": {
                         "type": "variable",
@@ -106308,8 +107153,8 @@
                         "value": "var( --kendo-box-shadow-depth-2, none )",
                         "scope": "default",
                         "line": {
-                            "start": 190,
-                            "end": 190
+                            "start": 204,
+                            "end": 204
                         }
                     },
                     "group": [
@@ -106326,8 +107171,8 @@
                 {
                     "description": "The shadow of the selected Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 191,
-                        "end": 192
+                        "start": 205,
+                        "end": 206
                     },
                     "context": {
                         "type": "variable",
@@ -106335,8 +107180,8 @@
                         "value": "var( --kendo-box-shadow-depth-3, none )",
                         "scope": "default",
                         "line": {
-                            "start": 193,
-                            "end": 193
+                            "start": 207,
+                            "end": 207
                         }
                     },
                     "group": [
@@ -106353,8 +107198,8 @@
                 {
                     "description": "The background color of the Chat quick reply.\n",
                     "commentRange": {
-                        "start": 195,
-                        "end": 196
+                        "start": 209,
+                        "end": 210
                     },
                     "context": {
                         "type": "variable",
@@ -106362,8 +107207,8 @@
                         "value": "transparent",
                         "scope": "default",
                         "line": {
-                            "start": 197,
-                            "end": 197
+                            "start": 211,
+                            "end": 211
                         }
                     },
                     "group": [
@@ -106380,8 +107225,8 @@
                 {
                     "description": "The text color of the Chat quick reply.\n",
                     "commentRange": {
-                        "start": 198,
-                        "end": 199
+                        "start": 212,
+                        "end": 213
                     },
                     "context": {
                         "type": "variable",
@@ -106389,8 +107234,8 @@
                         "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
                         "scope": "default",
                         "line": {
-                            "start": 200,
-                            "end": 200
+                            "start": 214,
+                            "end": 214
                         }
                     },
                     "group": [
@@ -106407,8 +107252,8 @@
                 {
                     "description": "The border color of the Chat quick reply.\n",
                     "commentRange": {
-                        "start": 201,
-                        "end": 202
+                        "start": 215,
+                        "end": 216
                     },
                     "context": {
                         "type": "variable",
@@ -106416,8 +107261,8 @@
                         "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
                         "scope": "default",
                         "line": {
-                            "start": 203,
-                            "end": 203
+                            "start": 217,
+                            "end": 217
                         }
                     },
                     "group": [
@@ -106434,8 +107279,8 @@
                 {
                     "description": "The background color of the hovered Chat quick reply.\n",
                     "commentRange": {
-                        "start": 205,
-                        "end": 206
+                        "start": 219,
+                        "end": 220
                     },
                     "context": {
                         "type": "variable",
@@ -106443,8 +107288,8 @@
                         "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
                         "scope": "default",
                         "line": {
-                            "start": 207,
-                            "end": 207
+                            "start": 221,
+                            "end": 221
                         }
                     },
                     "group": [
@@ -106461,8 +107306,8 @@
                 {
                     "description": "The text color of the hovered Chat quick reply.\n",
                     "commentRange": {
-                        "start": 208,
-                        "end": 209
+                        "start": 222,
+                        "end": 223
                     },
                     "context": {
                         "type": "variable",
@@ -106470,8 +107315,8 @@
                         "value": "var( --kendo-component-bg, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 210,
-                            "end": 210
+                            "start": 224,
+                            "end": 224
                         }
                     },
                     "group": [
@@ -106488,8 +107333,8 @@
                 {
                     "description": "The border color of the hovered Chat quick reply.\n",
                     "commentRange": {
-                        "start": 211,
-                        "end": 212
+                        "start": 225,
+                        "end": 226
                     },
                     "context": {
                         "type": "variable",
@@ -106497,8 +107342,8 @@
                         "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
                         "scope": "default",
                         "line": {
-                            "start": 213,
-                            "end": 213
+                            "start": 227,
+                            "end": 227
                         }
                     },
                     "group": [
@@ -138121,6 +138966,120 @@
                 }
             ]
         },
+        {
+            "id": "loading",
+            "title": "Loading",
+            "variables": [
+                {
+                    "description": "The background color of the Loading indicator.\n",
+                    "commentRange": {
+                        "start": 192,
+                        "end": 193
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-loading-bg",
+                        "value": "var( --kendo-component-bg, initial )",
+                        "scope": "default",
+                        "line": {
+                            "start": 194,
+                            "end": 194
+                        }
+                    },
+                    "group": [
+                        "loading"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/loader/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-component-bg, initial)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The text color of the Loading indicator.\n",
+                    "commentRange": {
+                        "start": 195,
+                        "end": 196
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-loading-text",
+                        "value": "currentColor",
+                        "scope": "default",
+                        "line": {
+                            "start": 197,
+                            "end": 197
+                        }
+                    },
+                    "group": [
+                        "loading"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/loader/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "currentColor",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The opacity of the Loading indicator.\n",
+                    "commentRange": {
+                        "start": 198,
+                        "end": 199
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-loading-opacity",
+                        "value": ".3",
+                        "scope": "default",
+                        "line": {
+                            "start": 200,
+                            "end": 200
+                        }
+                    },
+                    "group": [
+                        "loading"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/loader/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "0.3",
+                    "resolvedType": "Number"
+                },
+                {
+                    "description": "The z-index of the Loading indicator.\n",
+                    "commentRange": {
+                        "start": 201,
+                        "end": 202
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-zindex-loading",
+                        "value": "100",
+                        "scope": "default",
+                        "line": {
+                            "start": 203,
+                            "end": 203
+                        }
+                    },
+                    "group": [
+                        "loading"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/loader/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "100",
+                    "resolvedType": "Number"
+                }
+            ]
+        },
         {
             "id": "map",
             "title": "Map",
@@ -144872,6 +145831,282 @@
                 }
             ]
         },
+        {
+            "id": "panel",
+            "title": "Panel",
+            "variables": [
+                {
+                    "description": "The border radius of the Panel.\n",
+                    "commentRange": {
+                        "start": 4,
+                        "end": 5
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-panel-border-radius",
+                        "value": "k-border-radius(md)",
+                        "scope": "private",
+                        "line": {
+                            "start": 6,
+                            "end": 6
+                        }
+                    },
+                    "group": [
+                        "panel"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/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": 7,
+                        "end": 8
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-panel-border-width",
+                        "value": "1px",
+                        "scope": "private",
+                        "line": {
+                            "start": 9,
+                            "end": 9
+                        }
+                    },
+                    "group": [
+                        "panel"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "1px",
+                    "resolvedType": "Number"
+                },
+                {
+                    "description": "The style of the border around the Panel.\n",
+                    "commentRange": {
+                        "start": 10,
+                        "end": 11
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-panel-border-style",
+                        "value": "solid",
+                        "scope": "private",
+                        "line": {
+                            "start": 12,
+                            "end": 12
+                        }
+                    },
+                    "group": [
+                        "panel"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "solid",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The inline padding of the Panel header.\n",
+                    "commentRange": {
+                        "start": 14,
+                        "end": 15
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-panel-header-padding-inline",
+                        "value": "k-spacing(2)",
+                        "scope": "private",
+                        "line": {
+                            "start": 16,
+                            "end": 16
+                        }
+                    },
+                    "group": [
+                        "panel"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/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": 17,
+                        "end": 18
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-panel-header-padding-block",
+                        "value": "k-spacing(1)",
+                        "scope": "private",
+                        "line": {
+                            "start": 19,
+                            "end": 19
+                        }
+                    },
+                    "group": [
+                        "panel"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/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": 21,
+                        "end": 22
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-panel-content-padding-inline",
+                        "value": "k-spacing(2)",
+                        "scope": "private",
+                        "line": {
+                            "start": 23,
+                            "end": 23
+                        }
+                    },
+                    "group": [
+                        "panel"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/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": 24,
+                        "end": 25
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-panel-content-padding-block",
+                        "value": "k-spacing(1)",
+                        "scope": "private",
+                        "line": {
+                            "start": 26,
+                            "end": 26
+                        }
+                    },
+                    "group": [
+                        "panel"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/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": 28,
+                        "end": 29
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-panel-text",
+                        "value": "var(--kendo-component-text, #{$kendo-component-text})",
+                        "scope": "private",
+                        "line": {
+                            "start": 30,
+                            "end": 30
+                        }
+                    },
+                    "group": [
+                        "panel"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-component-text, var(--kendo-color-on-app-surface, #323130))",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The background color of the Panel.\n",
+                    "commentRange": {
+                        "start": 31,
+                        "end": 32
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-panel-bg",
+                        "value": "var(--kendo-component-bg, #{$kendo-component-bg})",
+                        "scope": "private",
+                        "line": {
+                            "start": 33,
+                            "end": 33
+                        }
+                    },
+                    "group": [
+                        "panel"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/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": 34,
+                        "end": 35
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-panel-border",
+                        "value": "var(--kendo-component-border, #{$kendo-component-border})",
+                        "scope": "private",
+                        "line": {
+                            "start": 36,
+                            "end": 36
+                        }
+                    },
+                    "group": [
+                        "panel"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-component-border, color-mix(in srgb, var(--kendo-color-border, #8a8886) 16%, transparent))",
+                    "resolvedType": "String"
+                }
+            ]
+        },
         {
             "id": "panelbar",
             "title": "Panelbar",
@@ -168405,6 +169640,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": "fluent/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": "fluent/scss/time-marker/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "#ff0000",
+                    "resolvedType": "Color"
+                }
+            ]
+        },
         {
             "id": "time-selector",
             "title": "TimeSelector",