@progress/kendo-theme-fluent 12.1.0 → 12.2.0-dev.2

package/dist/meta/sassdoc-data.json

@@ -5796,7 +5796,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-bubble-border-radius-sm",
-                "value": "k-border-radius(none)",
+                "value": "k-border-radius(sm)",
                 "scope": "default",
                 "line": {
                     "start": 8,
@@ -5811,7 +5811,7 @@
                 "path": "fluent/scss/bubble/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-border-radius-none, 0px)",
+            "resolvedValue": "var(--kendo-border-radius-sm, 0.125rem)",
             "resolvedType": "String"
         },
         {
@@ -6330,8 +6330,8 @@
         {
             "description": "The background color of the hovered alt Bubble.\n",
             "commentRange": {
-                "start": 134,
-                "end": 135
+                "start": 140,
+                "end": 141
             },
             "context": {
                 "type": "variable",
@@ -6339,8 +6339,8 @@
                 "value": "k-color(primary-hover)",
                 "scope": "default",
                 "line": {
-                    "start": 136,
-                    "end": 136
+                    "start": 142,
+                    "end": 142
                 }
             },
             "group": [
@@ -6357,8 +6357,8 @@
         {
             "description": "The border color of the hovered alt Bubble.\n",
             "commentRange": {
-                "start": 137,
-                "end": 138
+                "start": 143,
+                "end": 144
             },
             "context": {
                 "type": "variable",
@@ -6366,8 +6366,8 @@
                 "value": "$kendo-chat-alt-bubble-hover-bg",
                 "scope": "default",
                 "line": {
-                    "start": 139,
-                    "end": 139
+                    "start": 145,
+                    "end": 145
                 }
             },
             "group": [
@@ -6384,8 +6384,8 @@
         {
             "description": "The background color of the active Bubble.\n",
             "commentRange": {
-                "start": 140,
-                "end": 141
+                "start": 146,
+                "end": 147
             },
             "context": {
                 "type": "variable",
@@ -6393,8 +6393,8 @@
                 "value": "k-color(primary-active)",
                 "scope": "default",
                 "line": {
-                    "start": 142,
-                    "end": 142
+                    "start": 148,
+                    "end": 148
                 }
             },
             "group": [
@@ -6411,8 +6411,8 @@
         {
             "description": "The border color of the active alt Bubble.\n",
             "commentRange": {
-                "start": 143,
-                "end": 144
+                "start": 149,
+                "end": 150
             },
             "context": {
                 "type": "variable",
@@ -6420,8 +6420,8 @@
                 "value": "$kendo-chat-alt-bubble-active-bg",
                 "scope": "default",
                 "line": {
-                    "start": 145,
-                    "end": 145
+                    "start": 151,
+                    "end": 151
                 }
             },
             "group": [
@@ -6438,8 +6438,8 @@
         {
             "description": "The background color of the focused alt Bubble.\n",
             "commentRange": {
-                "start": 146,
-                "end": 147
+                "start": 152,
+                "end": 153
             },
             "context": {
                 "type": "variable",
@@ -6447,8 +6447,8 @@
                 "value": "$kendo-chat-alt-bubble-bg",
                 "scope": "default",
                 "line": {
-                    "start": 148,
-                    "end": 148
+                    "start": 154,
+                    "end": 154
                 }
             },
             "group": [
@@ -6465,8 +6465,8 @@
         {
             "description": "The border color of the focused alt Bubble.\n",
             "commentRange": {
-                "start": 149,
-                "end": 150
+                "start": 155,
+                "end": 156
             },
             "context": {
                 "type": "variable",
@@ -6474,8 +6474,8 @@
                 "value": "k-color(on-base)",
                 "scope": "default",
                 "line": {
-                    "start": 151,
-                    "end": 151
+                    "start": 157,
+                    "end": 157
                 }
             },
             "group": [
@@ -6492,8 +6492,8 @@
         {
             "description": "The box shadow of the focused alt Bubble.\n",
             "commentRange": {
-                "start": 152,
-                "end": 153
+                "start": 158,
+                "end": 159
             },
             "context": {
                 "type": "variable",
@@ -6501,8 +6501,8 @@
                 "value": "inset 0 0 0 #{$kendo-chat-border-width} k-color(on-base), inset 0 0 0 calc( #{$kendo-chat-border-width} * 2 ) k-color(surface)",
                 "scope": "default",
                 "line": {
-                    "start": 154,
-                    "end": 154
+                    "start": 160,
+                    "end": 160
                 }
             },
             "group": [
@@ -14595,15 +14595,15 @@
             "resolvedType": "String"
         },
         {
-            "description": "The spacing between the icon and text in the Chat message status.\n",
+            "description": "The minimum size of the Chat message status.\n",
             "commentRange": {
                 "start": 53,
                 "end": 54
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-chat-message-status-gap",
-                "value": "k-spacing(1)",
+                "name": "kendo-chat-status-min-size",
+                "value": "var(--kendo-chat-status-min-size, #{k-spacing(1.5)})",
                 "scope": "default",
                 "line": {
                     "start": 55,
@@ -14618,14 +14618,68 @@
                 "path": "fluent/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
+            "resolvedValue": "var(--kendo-chat-status-min-size, var(--kendo-spacing-1\\.5, 0.375rem))",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The maximum size of the Chat message status.\n",
+            "commentRange": {
+                "start": 56,
+                "end": 57
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chat-status-max-size",
+                "value": "var(--kendo-chat-status-max-size, #{k-spacing(8)})",
+                "scope": "default",
+                "line": {
+                    "start": 58,
+                    "end": 58
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/chat/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-chat-status-max-size, var(--kendo-spacing-8, 2rem))",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The spacing between the icon and text in the Chat message status.\n",
+            "commentRange": {
+                "start": 59,
+                "end": 60
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chat-message-status-gap",
+                "value": "k-spacing(1)",
+                "scope": "default",
+                "line": {
+                    "start": 61,
+                    "end": 61
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/chat/_variables.scss",
+                "name": "_variables.scss"
+            },
             "resolvedValue": "var(--kendo-spacing-1, 0.25rem)",
             "resolvedType": "String"
         },
         {
             "description": "The font size of the Chat timestamp.\n",
             "commentRange": {
-                "start": 57,
-                "end": 58
+                "start": 63,
+                "end": 64
             },
             "context": {
                 "type": "variable",
@@ -14633,8 +14687,8 @@
                 "value": "var( --kendo-chat-timestamp-font-size, var( --kendo-font-size-sm, inherit ) )",
                 "scope": "default",
                 "line": {
-                    "start": 59,
-                    "end": 59
+                    "start": 65,
+                    "end": 65
                 }
             },
             "group": [
@@ -14651,8 +14705,8 @@
         {
             "description": "The line height of the Chat timestamp.\n",
             "commentRange": {
-                "start": 60,
-                "end": 61
+                "start": 66,
+                "end": 67
             },
             "context": {
                 "type": "variable",
@@ -14660,8 +14714,8 @@
                 "value": "var( --kendo-chat-timestamp-line-height, var( --kendo-line-height-lg, normal ) )",
                 "scope": "default",
                 "line": {
-                    "start": 62,
-                    "end": 62
+                    "start": 68,
+                    "end": 68
                 }
             },
             "group": [
@@ -14678,8 +14732,8 @@
         {
             "description": "The text transform of the Chat timestamp.\n",
             "commentRange": {
-                "start": 63,
-                "end": 64
+                "start": 69,
+                "end": 70
             },
             "context": {
                 "type": "variable",
@@ -14687,8 +14741,8 @@
                 "value": "none",
                 "scope": "default",
                 "line": {
-                    "start": 65,
-                    "end": 65
+                    "start": 71,
+                    "end": 71
                 }
             },
             "group": [
@@ -14705,8 +14759,8 @@
         {
             "description": "The text color of the Chat timestamp.\n",
             "commentRange": {
-                "start": 66,
-                "end": 67
+                "start": 72,
+                "end": 73
             },
             "context": {
                 "type": "variable",
@@ -14714,8 +14768,8 @@
                 "value": "var( --kendo-chat-timestamp-text, #{k-color(subtle)} )",
                 "scope": "default",
                 "line": {
-                    "start": 68,
-                    "end": 68
+                    "start": 74,
+                    "end": 74
                 }
             },
             "group": [
@@ -14732,8 +14786,8 @@
         {
             "description": "The background color of the Chat timestamp.\n",
             "commentRange": {
-                "start": 69,
-                "end": 70
+                "start": 75,
+                "end": 76
             },
             "context": {
                 "type": "variable",
@@ -14741,8 +14795,8 @@
                 "value": "transparent",
                 "scope": "default",
                 "line": {
-                    "start": 71,
-                    "end": 71
+                    "start": 77,
+                    "end": 77
                 }
             },
             "group": [
@@ -14759,8 +14813,8 @@
         {
             "description": "The background color of the Chat timestamp separator.\n",
             "commentRange": {
-                "start": 72,
-                "end": 73
+                "start": 78,
+                "end": 79
             },
             "context": {
                 "type": "variable",
@@ -14768,8 +14822,8 @@
                 "value": "color-mix(in srgb, k-color(border) 26%, transparent)",
                 "scope": "default",
                 "line": {
-                    "start": 74,
-                    "end": 74
+                    "start": 80,
+                    "end": 80
                 }
             },
             "group": [
@@ -14786,8 +14840,8 @@
         {
             "description": "The spacing between the Chat timestamp and its separator.\n",
             "commentRange": {
-                "start": 75,
-                "end": 76
+                "start": 81,
+                "end": 82
             },
             "context": {
                 "type": "variable",
@@ -14795,8 +14849,8 @@
                 "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 77,
-                    "end": 77
+                    "start": 83,
+                    "end": 83
                 }
             },
             "group": [
@@ -14813,8 +14867,8 @@
         {
             "description": "The font size of the Chat message meta text.\n",
             "commentRange": {
-                "start": 79,
-                "end": 80
+                "start": 85,
+                "end": 86
             },
             "context": {
                 "type": "variable",
@@ -14822,8 +14876,8 @@
                 "value": "var( --kendo-chat-message-meta-font-size, var( --kendo-font-size-sm, inherit ) )",
                 "scope": "default",
                 "line": {
-                    "start": 81,
-                    "end": 81
+                    "start": 87,
+                    "end": 87
                 }
             },
             "group": [
@@ -14840,8 +14894,8 @@
         {
             "description": "The line height of the Chat message meta text.\n",
             "commentRange": {
-                "start": 82,
-                "end": 83
+                "start": 88,
+                "end": 89
             },
             "context": {
                 "type": "variable",
@@ -14849,8 +14903,8 @@
                 "value": "var( --kendo-chat-message-meta-line-height, var( --kendo-line-height-lg, normal ) )",
                 "scope": "default",
                 "line": {
-                    "start": 84,
-                    "end": 84
+                    "start": 90,
+                    "end": 90
                 }
             },
             "group": [
@@ -14867,8 +14921,8 @@
         {
             "description": "The font size of the Chat author text.\n",
             "commentRange": {
-                "start": 86,
-                "end": 87
+                "start": 92,
+                "end": 93
             },
             "context": {
                 "type": "variable",
@@ -14876,8 +14930,8 @@
                 "value": "var( --kendo-chat-author-font-size, var( --kendo-font-size-sm, inherit ) )",
                 "scope": "default",
                 "line": {
-                    "start": 88,
-                    "end": 88
+                    "start": 94,
+                    "end": 94
                 }
             },
             "group": [
@@ -14894,8 +14948,8 @@
         {
             "description": "The line height of the Chat author text.\n",
             "commentRange": {
-                "start": 89,
-                "end": 90
+                "start": 95,
+                "end": 96
             },
             "context": {
                 "type": "variable",
@@ -14903,8 +14957,8 @@
                 "value": "var( --kendo-line-height-xs, normal )",
                 "scope": "default",
                 "line": {
-                    "start": 91,
-                    "end": 91
+                    "start": 97,
+                    "end": 97
                 }
             },
             "group": [
@@ -14921,8 +14975,8 @@
         {
             "description": "The text color of the Chat status.\n",
             "commentRange": {
-                "start": 93,
-                "end": 94
+                "start": 99,
+                "end": 100
             },
             "context": {
                 "type": "variable",
@@ -14930,8 +14984,8 @@
                 "value": "k-color(subtle)",
                 "scope": "default",
                 "line": {
-                    "start": 95,
-                    "end": 95
+                    "start": 101,
+                    "end": 101
                 }
             },
             "group": [
@@ -14948,8 +15002,8 @@
         {
             "description": "The spacing of the Chat bubble message.\n",
             "commentRange": {
-                "start": 97,
-                "end": 98
+                "start": 103,
+                "end": 104
             },
             "context": {
                 "type": "variable",
@@ -14957,8 +15011,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 99,
-                    "end": 99
+                    "start": 105,
+                    "end": 105
                 }
             },
             "group": [
@@ -14975,8 +15029,8 @@
         {
             "description": "The background color of the Chat Toolbar.\n",
             "commentRange": {
-                "start": 101,
-                "end": 102
+                "start": 107,
+                "end": 108
             },
             "context": {
                 "type": "variable",
@@ -14984,8 +15038,8 @@
                 "value": "var( --kendo-chat-toolbar-bg, #{$kendo-toolbar-bg} )",
                 "scope": "default",
                 "line": {
-                    "start": 103,
-                    "end": 103
+                    "start": 109,
+                    "end": 109
                 }
             },
             "group": [
@@ -15002,8 +15056,8 @@
         {
             "description": "The text color of the Chat Toolbar.\n",
             "commentRange": {
-                "start": 104,
-                "end": 105
+                "start": 110,
+                "end": 111
             },
             "context": {
                 "type": "variable",
@@ -15011,8 +15065,8 @@
                 "value": "var( --kendo-chat-toolbar-text, #{$kendo-toolbar-text} )",
                 "scope": "default",
                 "line": {
-                    "start": 106,
-                    "end": 106
+                    "start": 112,
+                    "end": 112
                 }
             },
             "group": [
@@ -15029,8 +15083,8 @@
         {
             "description": "The border color of the Chat Toolbar.\n",
             "commentRange": {
-                "start": 107,
-                "end": 108
+                "start": 113,
+                "end": 114
             },
             "context": {
                 "type": "variable",
@@ -15038,8 +15092,8 @@
                 "value": "var( --kendo-chat-toolbar-border, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 109,
-                    "end": 109
+                    "start": 115,
+                    "end": 115
                 }
             },
             "group": [
@@ -15056,8 +15110,8 @@
         {
             "description": "The background color of the Chat.\n",
             "commentRange": {
-                "start": 111,
-                "end": 112
+                "start": 117,
+                "end": 118
             },
             "context": {
                 "type": "variable",
@@ -15065,8 +15119,8 @@
                 "value": "var( --kendo-chat-bg, #{k-color(surface)} )",
                 "scope": "default",
                 "line": {
-                    "start": 113,
-                    "end": 113
+                    "start": 119,
+                    "end": 119
                 }
             },
             "group": [
@@ -15083,8 +15137,8 @@
         {
             "description": "The text color of the Chat.\n",
             "commentRange": {
-                "start": 114,
-                "end": 115
+                "start": 120,
+                "end": 121
             },
             "context": {
                 "type": "variable",
@@ -15092,8 +15146,8 @@
                 "value": "var( --kendo-chat-text, #{k-color(on-app-surface)} )",
                 "scope": "default",
                 "line": {
-                    "start": 116,
-                    "end": 116
+                    "start": 122,
+                    "end": 122
                 }
             },
             "group": [
@@ -15110,8 +15164,8 @@
         {
             "description": "The border color of the Chat.\n",
             "commentRange": {
-                "start": 117,
-                "end": 118
+                "start": 123,
+                "end": 124
             },
             "context": {
                 "type": "variable",
@@ -15119,8 +15173,8 @@
                 "value": "var( --kendo-chat-border, #{color-mix(in srgb, k-color(border) 16%, transparent)} )",
                 "scope": "default",
                 "line": {
-                    "start": 119,
-                    "end": 119
+                    "start": 125,
+                    "end": 125
                 }
             },
             "group": [
@@ -15137,8 +15191,8 @@
         {
             "description": "The background color of the Chat alt bubble.\n",
             "commentRange": {
-                "start": 121,
-                "end": 122
+                "start": 127,
+                "end": 128
             },
             "context": {
                 "type": "variable",
@@ -15146,8 +15200,8 @@
                 "value": "var( --kendo-chat-alt-bubble-bg, #{k-color(primary)} )",
                 "scope": "default",
                 "line": {
-                    "start": 123,
-                    "end": 123
+                    "start": 129,
+                    "end": 129
                 }
             },
             "group": [
@@ -15164,8 +15218,8 @@
         {
             "description": "The text color of the Chat alt bubble.\n",
             "commentRange": {
-                "start": 124,
-                "end": 125
+                "start": 130,
+                "end": 131
             },
             "context": {
                 "type": "variable",
@@ -15173,8 +15227,8 @@
                 "value": "var( --kendo-chat-alt-bubble-text, #{k-color(surface-alt)} )",
                 "scope": "default",
                 "line": {
-                    "start": 126,
-                    "end": 126
+                    "start": 132,
+                    "end": 132
                 }
             },
             "group": [
@@ -15191,8 +15245,8 @@
         {
             "description": "The border color of the Chat alt bubble.\n",
             "commentRange": {
-                "start": 127,
-                "end": 128
+                "start": 133,
+                "end": 134
             },
             "context": {
                 "type": "variable",
@@ -15200,8 +15254,8 @@
                 "value": "var( --kendo-chat-alt-bubble-border, #{$kendo-chat-alt-bubble-bg} )",
                 "scope": "default",
                 "line": {
-                    "start": 129,
-                    "end": 129
+                    "start": 135,
+                    "end": 135
                 }
             },
             "group": [
@@ -15218,8 +15272,8 @@
         {
             "description": "The shadow of the Chat alt bubble.\n",
             "commentRange": {
-                "start": 130,
-                "end": 131
+                "start": 136,
+                "end": 137
             },
             "context": {
                 "type": "variable",
@@ -15227,8 +15281,8 @@
                 "value": "none",
                 "scope": "default",
                 "line": {
-                    "start": 132,
-                    "end": 132
+                    "start": 138,
+                    "end": 138
                 }
             },
             "group": [
@@ -15245,8 +15299,8 @@
         {
             "description": "The color of the typing indicator dots.\n",
             "commentRange": {
-                "start": 156,
-                "end": 157
+                "start": 162,
+                "end": 163
             },
             "context": {
                 "type": "variable",
@@ -15254,8 +15308,8 @@
                 "value": "k-color(base-on-subtle)",
                 "scope": "default",
                 "line": {
-                    "start": 158,
-                    "end": 158
+                    "start": 164,
+                    "end": 164
                 }
             },
             "group": [
@@ -15270,19 +15324,19 @@
             "resolvedType": "String"
         },
         {
-            "description": "The width of a file in the Chat Textarea.\n",
+            "description": "The minimum width of a file in the Chat Textarea.\n",
             "commentRange": {
-                "start": 160,
-                "end": 161
+                "start": 166,
+                "end": 167
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-chat-file-width",
-                "value": "240px",
+                "name": "kendo-chat-file-min-width",
+                "value": "var(--kendo-chat-file-min-width, 96px)",
                 "scope": "default",
                 "line": {
-                    "start": 162,
-                    "end": 162
+                    "start": 168,
+                    "end": 168
                 }
             },
             "group": [
@@ -15293,23 +15347,23 @@
                 "path": "fluent/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "240px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-chat-file-min-width, 96px)",
+            "resolvedType": "String"
         },
         {
-            "description": "The horizontal padding of the Chat file.\n",
+            "description": "The maximum width of a file in the Chat Textarea.\n",
             "commentRange": {
-                "start": 163,
-                "end": 164
+                "start": 169,
+                "end": 170
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-chat-file-padding-x",
-                "value": "k-spacing(2)",
+                "name": "kendo-chat-file-max-width",
+                "value": "var(--kendo-chat-file-max-width, 160px)",
                 "scope": "default",
                 "line": {
-                    "start": 165,
-                    "end": 165
+                    "start": 171,
+                    "end": 171
                 }
             },
             "group": [
@@ -15320,23 +15374,23 @@
                 "path": "fluent/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+            "resolvedValue": "var(--kendo-chat-file-max-width, 160px)",
             "resolvedType": "String"
         },
         {
-            "description": "The vertical padding of the Chat file.\n",
+            "description": "The font size of the Chat file name.\n",
             "commentRange": {
-                "start": 166,
-                "end": 167
+                "start": 172,
+                "end": 173
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-chat-file-padding-y",
-                "value": "k-spacing(2)",
+                "name": "kendo-chat-file-name-font-size",
+                "value": "var(--kendo-chat-file-name-font-size, var( --kendo-font-size-sm, inherit ))",
                 "scope": "default",
                 "line": {
-                    "start": 168,
-                    "end": 168
+                    "start": 174,
+                    "end": 174
                 }
             },
             "group": [
@@ -15347,23 +15401,23 @@
                 "path": "fluent/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+            "resolvedValue": "var(--kendo-chat-file-name-font-size, var(--kendo-font-size-sm, inherit))",
             "resolvedType": "String"
         },
         {
-            "description": "The spacing between the elements of the Chat file.\n",
+            "description": "The line height of the Chat file name.\n",
             "commentRange": {
-                "start": 169,
-                "end": 170
+                "start": 175,
+                "end": 176
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-chat-file-gap",
-                "value": "k-spacing(1)",
+                "name": "kendo-chat-file-name-line-height",
+                "value": "var(--kendo-chat-file-name-line-height, var( --kendo-line-height-lg, normal ))",
                 "scope": "default",
                 "line": {
-                    "start": 171,
-                    "end": 171
+                    "start": 177,
+                    "end": 177
                 }
             },
             "group": [
@@ -15374,23 +15428,23 @@
                 "path": "fluent/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-spacing-1, 0.25rem)",
+            "resolvedValue": "var(--kendo-chat-file-name-line-height, var(--kendo-line-height-lg, normal))",
             "resolvedType": "String"
         },
         {
-            "description": "The border width of the Chat file.\n",
+            "description": "The font size of the Chat file size.\n",
             "commentRange": {
-                "start": 173,
-                "end": 174
+                "start": 178,
+                "end": 179
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-chat-file-border-width",
-                "value": "1px",
+                "name": "kendo-chat-file-size-font-size",
+                "value": "var(--kendo-chat-file-size-font-size, var( --kendo-font-size-xs, inherit ))",
                 "scope": "default",
                 "line": {
-                    "start": 175,
-                    "end": 175
+                    "start": 180,
+                    "end": 180
                 }
             },
             "group": [
@@ -15401,23 +15455,23 @@
                 "path": "fluent/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "1px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-chat-file-size-font-size, var(--kendo-font-size-xs, inherit))",
+            "resolvedType": "String"
         },
         {
-            "description": "The border style of the Chat file.\n",
+            "description": "The line height of the Chat file size.\n",
             "commentRange": {
-                "start": 176,
-                "end": 177
+                "start": 181,
+                "end": 182
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-chat-file-border-style",
-                "value": "solid",
+                "name": "kendo-chat-file-size-line-height",
+                "value": "var(--kendo-chat-file-size-line-height, var( --kendo-line-height-xs, normal ))",
                 "scope": "default",
                 "line": {
-                    "start": 178,
-                    "end": 178
+                    "start": 183,
+                    "end": 183
                 }
             },
             "group": [
@@ -15428,23 +15482,23 @@
                 "path": "fluent/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "solid",
+            "resolvedValue": "var(--kendo-chat-file-size-line-height, var(--kendo-line-height-xs, normal))",
             "resolvedType": "String"
         },
         {
-            "description": "The background color of the Chat file.\n",
+            "description": "The horizontal padding of the Chat file.\n",
             "commentRange": {
-                "start": 180,
-                "end": 181
+                "start": 184,
+                "end": 185
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-chat-file-bg",
-                "value": "k-color(base-subtle)",
+                "name": "kendo-chat-file-padding-x",
+                "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 182,
-                    "end": 182
+                    "start": 186,
+                    "end": 186
                 }
             },
             "group": [
@@ -15455,23 +15509,23 @@
                 "path": "fluent/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-base-subtle, #f5f5f5)",
+            "resolvedValue": "var(--kendo-spacing-1, 0.25rem)",
             "resolvedType": "String"
         },
         {
-            "description": "The text color of the Chat file.\n",
+            "description": "The vertical padding of the Chat file.\n",
             "commentRange": {
-                "start": 183,
-                "end": 184
+                "start": 187,
+                "end": 188
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-chat-file-text",
-                "value": "k-color(base-on-subtle)",
+                "name": "kendo-chat-file-padding-y",
+                "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 185,
-                    "end": 185
+                    "start": 189,
+                    "end": 189
                 }
             },
             "group": [
@@ -15482,23 +15536,23 @@
                 "path": "fluent/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-base-on-subtle, #242424)",
+            "resolvedValue": "var(--kendo-spacing-1, 0.25rem)",
             "resolvedType": "String"
         },
         {
-            "description": "The border color of the Chat file.\n",
+            "description": "The spacing between the elements of the Chat file.\n",
             "commentRange": {
-                "start": 186,
-                "end": 187
+                "start": 190,
+                "end": 191
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-chat-file-border",
-                "value": "k-color(base-subtle)",
+                "name": "kendo-chat-file-gap",
+                "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 188,
-                    "end": 188
+                    "start": 192,
+                    "end": 192
                 }
             },
             "group": [
@@ -15509,23 +15563,23 @@
                 "path": "fluent/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-base-subtle, #f5f5f5)",
+            "resolvedValue": "var(--kendo-spacing-1, 0.25rem)",
             "resolvedType": "String"
         },
         {
-            "description": "The border-radius of the Chat file.\n",
+            "description": "The border width of the Chat file.\n",
             "commentRange": {
-                "start": 189,
-                "end": 190
+                "start": 194,
+                "end": 195
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-chat-file-border-radius",
-                "value": "k-border-radius(md)",
+                "name": "kendo-chat-file-border-width",
+                "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 191,
-                    "end": 191
+                    "start": 196,
+                    "end": 196
                 }
             },
             "group": [
@@ -15536,23 +15590,23 @@
                 "path": "fluent/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-border-radius-md, 0.25rem)",
-            "resolvedType": "String"
+            "resolvedValue": "1px",
+            "resolvedType": "Number"
         },
         {
-            "description": "The horizontal padding of the file download wrapper.\n",
+            "description": "The border style of the Chat file.\n",
             "commentRange": {
-                "start": 193,
-                "end": 194
+                "start": 197,
+                "end": 198
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-chat-file-download-padding-x",
-                "value": "k-spacing(2)",
+                "name": "kendo-chat-file-border-style",
+                "value": "solid",
                 "scope": "default",
                 "line": {
-                    "start": 195,
-                    "end": 195
+                    "start": 199,
+                    "end": 199
                 }
             },
             "group": [
@@ -15563,23 +15617,23 @@
                 "path": "fluent/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+            "resolvedValue": "solid",
             "resolvedType": "String"
         },
         {
-            "description": "The vertical padding of the file download wrapper.\n",
+            "description": "The background color of the Chat file.\n",
             "commentRange": {
-                "start": 196,
-                "end": 197
+                "start": 201,
+                "end": 202
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-chat-file-download-padding-y",
-                "value": "k-spacing(2)",
+                "name": "kendo-chat-file-bg",
+                "value": "color-mix(in srgb, k-color(base-on-subtle) 8%, transparent)",
                 "scope": "default",
                 "line": {
-                    "start": 198,
-                    "end": 198
+                    "start": 203,
+                    "end": 203
                 }
             },
             "group": [
@@ -15590,23 +15644,23 @@
                 "path": "fluent/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+            "resolvedValue": "color-mix(in srgb, var(--kendo-color-base-on-subtle, #242424) 8%, transparent)",
             "resolvedType": "String"
         },
         {
-            "description": "The border width of the Chat pinned message;\n",
+            "description": "The text color of the Chat file.\n",
             "commentRange": {
-                "start": 200,
-                "end": 201
+                "start": 204,
+                "end": 205
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-chat-message-pinned-border-width",
-                "value": "1px",
+                "name": "kendo-chat-file-text",
+                "value": "k-color(base-on-subtle)",
                 "scope": "default",
                 "line": {
-                    "start": 202,
-                    "end": 202
+                    "start": 206,
+                    "end": 206
                 }
             },
             "group": [
@@ -15617,23 +15671,23 @@
                 "path": "fluent/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "1px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-color-base-on-subtle, #242424)",
+            "resolvedType": "String"
         },
         {
-            "description": "The border style of the Chat pinned message;\n",
+            "description": "The border color of the Chat file.\n",
             "commentRange": {
-                "start": 203,
-                "end": 204
+                "start": 207,
+                "end": 208
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-chat-message-pinned-border-style",
-                "value": "solid",
+                "name": "kendo-chat-file-border",
+                "value": "$kendo-chat-file-bg",
                 "scope": "default",
                 "line": {
-                    "start": 205,
-                    "end": 205
+                    "start": 209,
+                    "end": 209
                 }
             },
             "group": [
@@ -15644,23 +15698,23 @@
                 "path": "fluent/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "solid",
+            "resolvedValue": "color-mix(in srgb, var(--kendo-color-base-on-subtle, #242424) 8%, transparent)",
             "resolvedType": "String"
         },
         {
-            "description": "The border color of the Chat pinned message;\n",
+            "description": "The border-radius of the Chat file.\n",
             "commentRange": {
-                "start": 206,
-                "end": 207
+                "start": 210,
+                "end": 211
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-chat-message-pinned-border-color",
-                "value": "color-mix(in srgb, k-color(border) 16%, transparent)",
+                "name": "kendo-chat-file-border-radius",
+                "value": "k-border-radius(md)",
                 "scope": "default",
                 "line": {
-                    "start": 208,
-                    "end": 208
+                    "start": 212,
+                    "end": 212
                 }
             },
             "group": [
@@ -15671,14 +15725,176 @@
                 "path": "fluent/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "color-mix(in srgb, var(--kendo-color-border, rgba(36, 36, 36, 0.72)) 16%, transparent)",
+            "resolvedValue": "var(--kendo-border-radius-md, 0.25rem)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The background color of the Chat sender file.\n",
+            "commentRange": {
+                "start": 214,
+                "end": 215
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chat-sender-file-bg",
+                "value": "color-mix(in srgb, k-color(on-primary) 14%, transparent)",
+                "scope": "default",
+                "line": {
+                    "start": 216,
+                    "end": 216
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/chat/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "color-mix(in srgb, var(--kendo-color-on-primary, #ffffff) 14%, transparent)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The text color of the Chat sender file.\n",
+            "commentRange": {
+                "start": 217,
+                "end": 218
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chat-sender-file-text",
+                "value": "k-color(on-primary)",
+                "scope": "default",
+                "line": {
+                    "start": 219,
+                    "end": 219
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/chat/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-on-primary, #ffffff)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The border color of the Chat sender file.\n",
+            "commentRange": {
+                "start": 220,
+                "end": 221
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chat-sender-file-border",
+                "value": "$kendo-chat-sender-file-bg",
+                "scope": "default",
+                "line": {
+                    "start": 222,
+                    "end": 222
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/chat/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "color-mix(in srgb, var(--kendo-color-on-primary, #ffffff) 14%, transparent)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The border width of the Chat pinned message;\n",
+            "commentRange": {
+                "start": 224,
+                "end": 225
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chat-message-pinned-border-width",
+                "value": "1px",
+                "scope": "default",
+                "line": {
+                    "start": 226,
+                    "end": 226
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/chat/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "1px",
+            "resolvedType": "Number"
+        },
+        {
+            "description": "The border style of the Chat pinned message;\n",
+            "commentRange": {
+                "start": 227,
+                "end": 228
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chat-message-pinned-border-style",
+                "value": "solid",
+                "scope": "default",
+                "line": {
+                    "start": 229,
+                    "end": 229
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/chat/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "solid",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The border color of the Chat pinned message;\n",
+            "commentRange": {
+                "start": 230,
+                "end": 231
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chat-message-pinned-border-color",
+                "value": "color-mix(in srgb, k-color(border) 16%, transparent)",
+                "scope": "default",
+                "line": {
+                    "start": 232,
+                    "end": 232
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/chat/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "color-mix(in srgb, var(--kendo-color-border, rgba(36, 36, 36, 0.72)) 16%, transparent)",
             "resolvedType": "String"
         },
         {
             "description": "The horizontal padding of the Chat message reference.\n",
             "commentRange": {
-                "start": 210,
-                "end": 211
+                "start": 234,
+                "end": 235
             },
             "context": {
                 "type": "variable",
@@ -15686,8 +15902,8 @@
                 "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 212,
-                    "end": 212
+                    "start": 236,
+                    "end": 236
                 }
             },
             "group": [
@@ -15704,8 +15920,8 @@
         {
             "description": "The vertical padding of the Chat message reference.\n",
             "commentRange": {
-                "start": 213,
-                "end": 214
+                "start": 237,
+                "end": 238
             },
             "context": {
                 "type": "variable",
@@ -15713,8 +15929,8 @@
                 "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 215,
-                    "end": 215
+                    "start": 239,
+                    "end": 239
                 }
             },
             "group": [
@@ -15731,8 +15947,8 @@
         {
             "description": "The background color of the Chat message reference.\n",
             "commentRange": {
-                "start": 217,
-                "end": 218
+                "start": 241,
+                "end": 242
             },
             "context": {
                 "type": "variable",
@@ -15740,8 +15956,8 @@
                 "value": "k-color(surface)",
                 "scope": "default",
                 "line": {
-                    "start": 219,
-                    "end": 219
+                    "start": 243,
+                    "end": 243
                 }
             },
             "group": [
@@ -15758,8 +15974,8 @@
         {
             "description": "The text color of the Chat message reference.\n",
             "commentRange": {
-                "start": 220,
-                "end": 221
+                "start": 244,
+                "end": 245
             },
             "context": {
                 "type": "variable",
@@ -15767,8 +15983,8 @@
                 "value": "k-color(on-app-surface)",
                 "scope": "default",
                 "line": {
-                    "start": 222,
-                    "end": 222
+                    "start": 246,
+                    "end": 246
                 }
             },
             "group": [
@@ -15785,8 +16001,8 @@
         {
             "description": "The background color of the message reference marker.\n",
             "commentRange": {
-                "start": 223,
-                "end": 224
+                "start": 247,
+                "end": 248
             },
             "context": {
                 "type": "variable",
@@ -15794,8 +16010,8 @@
                 "value": "k-color(base-emphasis)",
                 "scope": "default",
                 "line": {
-                    "start": 225,
-                    "end": 225
+                    "start": 249,
+                    "end": 249
                 }
             },
             "group": [
@@ -15812,8 +16028,8 @@
         {
             "description": "The background color of the message reference alt marker.\n",
             "commentRange": {
-                "start": 226,
-                "end": 227
+                "start": 250,
+                "end": 251
             },
             "context": {
                 "type": "variable",
@@ -15821,8 +16037,8 @@
                 "value": "k-color(primary)",
                 "scope": "default",
                 "line": {
-                    "start": 228,
-                    "end": 228
+                    "start": 252,
+                    "end": 252
                 }
             },
             "group": [
@@ -96943,7 +97159,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-bubble-border-radius-sm",
-                        "value": "k-border-radius(none)",
+                        "value": "k-border-radius(sm)",
                         "scope": "default",
                         "line": {
                             "start": 8,
@@ -96958,7 +97174,7 @@
                         "path": "fluent/scss/bubble/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-border-radius-none, 0px)",
+                    "resolvedValue": "var(--kendo-border-radius-sm, 0.125rem)",
                     "resolvedType": "String"
                 },
                 {
@@ -97477,8 +97693,8 @@
                 {
                     "description": "The background color of the hovered alt Bubble.\n",
                     "commentRange": {
-                        "start": 134,
-                        "end": 135
+                        "start": 140,
+                        "end": 141
                     },
                     "context": {
                         "type": "variable",
@@ -97486,8 +97702,8 @@
                         "value": "k-color(primary-hover)",
                         "scope": "default",
                         "line": {
-                            "start": 136,
-                            "end": 136
+                            "start": 142,
+                            "end": 142
                         }
                     },
                     "group": [
@@ -97504,8 +97720,8 @@
                 {
                     "description": "The border color of the hovered alt Bubble.\n",
                     "commentRange": {
-                        "start": 137,
-                        "end": 138
+                        "start": 143,
+                        "end": 144
                     },
                     "context": {
                         "type": "variable",
@@ -97513,8 +97729,8 @@
                         "value": "$kendo-chat-alt-bubble-hover-bg",
                         "scope": "default",
                         "line": {
-                            "start": 139,
-                            "end": 139
+                            "start": 145,
+                            "end": 145
                         }
                     },
                     "group": [
@@ -97531,8 +97747,8 @@
                 {
                     "description": "The background color of the active Bubble.\n",
                     "commentRange": {
-                        "start": 140,
-                        "end": 141
+                        "start": 146,
+                        "end": 147
                     },
                     "context": {
                         "type": "variable",
@@ -97540,8 +97756,8 @@
                         "value": "k-color(primary-active)",
                         "scope": "default",
                         "line": {
-                            "start": 142,
-                            "end": 142
+                            "start": 148,
+                            "end": 148
                         }
                     },
                     "group": [
@@ -97558,8 +97774,8 @@
                 {
                     "description": "The border color of the active alt Bubble.\n",
                     "commentRange": {
-                        "start": 143,
-                        "end": 144
+                        "start": 149,
+                        "end": 150
                     },
                     "context": {
                         "type": "variable",
@@ -97567,8 +97783,8 @@
                         "value": "$kendo-chat-alt-bubble-active-bg",
                         "scope": "default",
                         "line": {
-                            "start": 145,
-                            "end": 145
+                            "start": 151,
+                            "end": 151
                         }
                     },
                     "group": [
@@ -97585,8 +97801,8 @@
                 {
                     "description": "The background color of the focused alt Bubble.\n",
                     "commentRange": {
-                        "start": 146,
-                        "end": 147
+                        "start": 152,
+                        "end": 153
                     },
                     "context": {
                         "type": "variable",
@@ -97594,8 +97810,8 @@
                         "value": "$kendo-chat-alt-bubble-bg",
                         "scope": "default",
                         "line": {
-                            "start": 148,
-                            "end": 148
+                            "start": 154,
+                            "end": 154
                         }
                     },
                     "group": [
@@ -97612,8 +97828,8 @@
                 {
                     "description": "The border color of the focused alt Bubble.\n",
                     "commentRange": {
-                        "start": 149,
-                        "end": 150
+                        "start": 155,
+                        "end": 156
                     },
                     "context": {
                         "type": "variable",
@@ -97621,8 +97837,8 @@
                         "value": "k-color(on-base)",
                         "scope": "default",
                         "line": {
-                            "start": 151,
-                            "end": 151
+                            "start": 157,
+                            "end": 157
                         }
                     },
                     "group": [
@@ -97639,8 +97855,8 @@
                 {
                     "description": "The box shadow of the focused alt Bubble.\n",
                     "commentRange": {
-                        "start": 152,
-                        "end": 153
+                        "start": 158,
+                        "end": 159
                     },
                     "context": {
                         "type": "variable",
@@ -97648,8 +97864,8 @@
                         "value": "inset 0 0 0 #{$kendo-chat-border-width} k-color(on-base), inset 0 0 0 calc( #{$kendo-chat-border-width} * 2 ) k-color(surface)",
                         "scope": "default",
                         "line": {
-                            "start": 154,
-                            "end": 154
+                            "start": 160,
+                            "end": 160
                         }
                     },
                     "group": [
@@ -105790,15 +106006,15 @@
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The spacing between the icon and text in the Chat message status.\n",
+                    "description": "The minimum size of the Chat message status.\n",
                     "commentRange": {
                         "start": 53,
                         "end": 54
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-chat-message-status-gap",
-                        "value": "k-spacing(1)",
+                        "name": "kendo-chat-status-min-size",
+                        "value": "var(--kendo-chat-status-min-size, #{k-spacing(1.5)})",
                         "scope": "default",
                         "line": {
                             "start": 55,
@@ -105813,14 +106029,68 @@
                         "path": "fluent/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
+                    "resolvedValue": "var(--kendo-chat-status-min-size, var(--kendo-spacing-1\\.5, 0.375rem))",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The maximum size of the Chat message status.\n",
+                    "commentRange": {
+                        "start": 56,
+                        "end": 57
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chat-status-max-size",
+                        "value": "var(--kendo-chat-status-max-size, #{k-spacing(8)})",
+                        "scope": "default",
+                        "line": {
+                            "start": 58,
+                            "end": 58
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-chat-status-max-size, var(--kendo-spacing-8, 2rem))",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The spacing between the icon and text in the Chat message status.\n",
+                    "commentRange": {
+                        "start": 59,
+                        "end": 60
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chat-message-status-gap",
+                        "value": "k-spacing(1)",
+                        "scope": "default",
+                        "line": {
+                            "start": 61,
+                            "end": 61
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
                     "resolvedValue": "var(--kendo-spacing-1, 0.25rem)",
                     "resolvedType": "String"
                 },
                 {
                     "description": "The font size of the Chat timestamp.\n",
                     "commentRange": {
-                        "start": 57,
-                        "end": 58
+                        "start": 63,
+                        "end": 64
                     },
                     "context": {
                         "type": "variable",
@@ -105828,8 +106098,8 @@
                         "value": "var( --kendo-chat-timestamp-font-size, var( --kendo-font-size-sm, inherit ) )",
                         "scope": "default",
                         "line": {
-                            "start": 59,
-                            "end": 59
+                            "start": 65,
+                            "end": 65
                         }
                     },
                     "group": [
@@ -105846,8 +106116,8 @@
                 {
                     "description": "The line height of the Chat timestamp.\n",
                     "commentRange": {
-                        "start": 60,
-                        "end": 61
+                        "start": 66,
+                        "end": 67
                     },
                     "context": {
                         "type": "variable",
@@ -105855,8 +106125,8 @@
                         "value": "var( --kendo-chat-timestamp-line-height, var( --kendo-line-height-lg, normal ) )",
                         "scope": "default",
                         "line": {
-                            "start": 62,
-                            "end": 62
+                            "start": 68,
+                            "end": 68
                         }
                     },
                     "group": [
@@ -105873,8 +106143,8 @@
                 {
                     "description": "The text transform of the Chat timestamp.\n",
                     "commentRange": {
-                        "start": 63,
-                        "end": 64
+                        "start": 69,
+                        "end": 70
                     },
                     "context": {
                         "type": "variable",
@@ -105882,8 +106152,8 @@
                         "value": "none",
                         "scope": "default",
                         "line": {
-                            "start": 65,
-                            "end": 65
+                            "start": 71,
+                            "end": 71
                         }
                     },
                     "group": [
@@ -105900,8 +106170,8 @@
                 {
                     "description": "The text color of the Chat timestamp.\n",
                     "commentRange": {
-                        "start": 66,
-                        "end": 67
+                        "start": 72,
+                        "end": 73
                     },
                     "context": {
                         "type": "variable",
@@ -105909,8 +106179,8 @@
                         "value": "var( --kendo-chat-timestamp-text, #{k-color(subtle)} )",
                         "scope": "default",
                         "line": {
-                            "start": 68,
-                            "end": 68
+                            "start": 74,
+                            "end": 74
                         }
                     },
                     "group": [
@@ -105927,8 +106197,8 @@
                 {
                     "description": "The background color of the Chat timestamp.\n",
                     "commentRange": {
-                        "start": 69,
-                        "end": 70
+                        "start": 75,
+                        "end": 76
                     },
                     "context": {
                         "type": "variable",
@@ -105936,8 +106206,8 @@
                         "value": "transparent",
                         "scope": "default",
                         "line": {
-                            "start": 71,
-                            "end": 71
+                            "start": 77,
+                            "end": 77
                         }
                     },
                     "group": [
@@ -105954,8 +106224,8 @@
                 {
                     "description": "The background color of the Chat timestamp separator.\n",
                     "commentRange": {
-                        "start": 72,
-                        "end": 73
+                        "start": 78,
+                        "end": 79
                     },
                     "context": {
                         "type": "variable",
@@ -105963,8 +106233,8 @@
                         "value": "color-mix(in srgb, k-color(border) 26%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 74,
-                            "end": 74
+                            "start": 80,
+                            "end": 80
                         }
                     },
                     "group": [
@@ -105981,8 +106251,8 @@
                 {
                     "description": "The spacing between the Chat timestamp and its separator.\n",
                     "commentRange": {
-                        "start": 75,
-                        "end": 76
+                        "start": 81,
+                        "end": 82
                     },
                     "context": {
                         "type": "variable",
@@ -105990,8 +106260,8 @@
                         "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 77,
-                            "end": 77
+                            "start": 83,
+                            "end": 83
                         }
                     },
                     "group": [
@@ -106008,8 +106278,8 @@
                 {
                     "description": "The font size of the Chat message meta text.\n",
                     "commentRange": {
-                        "start": 79,
-                        "end": 80
+                        "start": 85,
+                        "end": 86
                     },
                     "context": {
                         "type": "variable",
@@ -106017,8 +106287,8 @@
                         "value": "var( --kendo-chat-message-meta-font-size, var( --kendo-font-size-sm, inherit ) )",
                         "scope": "default",
                         "line": {
-                            "start": 81,
-                            "end": 81
+                            "start": 87,
+                            "end": 87
                         }
                     },
                     "group": [
@@ -106035,8 +106305,8 @@
                 {
                     "description": "The line height of the Chat message meta text.\n",
                     "commentRange": {
-                        "start": 82,
-                        "end": 83
+                        "start": 88,
+                        "end": 89
                     },
                     "context": {
                         "type": "variable",
@@ -106044,8 +106314,8 @@
                         "value": "var( --kendo-chat-message-meta-line-height, var( --kendo-line-height-lg, normal ) )",
                         "scope": "default",
                         "line": {
-                            "start": 84,
-                            "end": 84
+                            "start": 90,
+                            "end": 90
                         }
                     },
                     "group": [
@@ -106062,8 +106332,8 @@
                 {
                     "description": "The font size of the Chat author text.\n",
                     "commentRange": {
-                        "start": 86,
-                        "end": 87
+                        "start": 92,
+                        "end": 93
                     },
                     "context": {
                         "type": "variable",
@@ -106071,8 +106341,8 @@
                         "value": "var( --kendo-chat-author-font-size, var( --kendo-font-size-sm, inherit ) )",
                         "scope": "default",
                         "line": {
-                            "start": 88,
-                            "end": 88
+                            "start": 94,
+                            "end": 94
                         }
                     },
                     "group": [
@@ -106089,8 +106359,8 @@
                 {
                     "description": "The line height of the Chat author text.\n",
                     "commentRange": {
-                        "start": 89,
-                        "end": 90
+                        "start": 95,
+                        "end": 96
                     },
                     "context": {
                         "type": "variable",
@@ -106098,8 +106368,8 @@
                         "value": "var( --kendo-line-height-xs, normal )",
                         "scope": "default",
                         "line": {
-                            "start": 91,
-                            "end": 91
+                            "start": 97,
+                            "end": 97
                         }
                     },
                     "group": [
@@ -106116,8 +106386,8 @@
                 {
                     "description": "The text color of the Chat status.\n",
                     "commentRange": {
-                        "start": 93,
-                        "end": 94
+                        "start": 99,
+                        "end": 100
                     },
                     "context": {
                         "type": "variable",
@@ -106125,8 +106395,8 @@
                         "value": "k-color(subtle)",
                         "scope": "default",
                         "line": {
-                            "start": 95,
-                            "end": 95
+                            "start": 101,
+                            "end": 101
                         }
                     },
                     "group": [
@@ -106143,8 +106413,8 @@
                 {
                     "description": "The spacing of the Chat bubble message.\n",
                     "commentRange": {
-                        "start": 97,
-                        "end": 98
+                        "start": 103,
+                        "end": 104
                     },
                     "context": {
                         "type": "variable",
@@ -106152,8 +106422,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 99,
-                            "end": 99
+                            "start": 105,
+                            "end": 105
                         }
                     },
                     "group": [
@@ -106170,8 +106440,8 @@
                 {
                     "description": "The background color of the Chat Toolbar.\n",
                     "commentRange": {
-                        "start": 101,
-                        "end": 102
+                        "start": 107,
+                        "end": 108
                     },
                     "context": {
                         "type": "variable",
@@ -106179,8 +106449,8 @@
                         "value": "var( --kendo-chat-toolbar-bg, #{$kendo-toolbar-bg} )",
                         "scope": "default",
                         "line": {
-                            "start": 103,
-                            "end": 103
+                            "start": 109,
+                            "end": 109
                         }
                     },
                     "group": [
@@ -106197,8 +106467,8 @@
                 {
                     "description": "The text color of the Chat Toolbar.\n",
                     "commentRange": {
-                        "start": 104,
-                        "end": 105
+                        "start": 110,
+                        "end": 111
                     },
                     "context": {
                         "type": "variable",
@@ -106206,8 +106476,8 @@
                         "value": "var( --kendo-chat-toolbar-text, #{$kendo-toolbar-text} )",
                         "scope": "default",
                         "line": {
-                            "start": 106,
-                            "end": 106
+                            "start": 112,
+                            "end": 112
                         }
                     },
                     "group": [
@@ -106224,8 +106494,8 @@
                 {
                     "description": "The border color of the Chat Toolbar.\n",
                     "commentRange": {
-                        "start": 107,
-                        "end": 108
+                        "start": 113,
+                        "end": 114
                     },
                     "context": {
                         "type": "variable",
@@ -106233,8 +106503,8 @@
                         "value": "var( --kendo-chat-toolbar-border, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 109,
-                            "end": 109
+                            "start": 115,
+                            "end": 115
                         }
                     },
                     "group": [
@@ -106251,8 +106521,8 @@
                 {
                     "description": "The background color of the Chat.\n",
                     "commentRange": {
-                        "start": 111,
-                        "end": 112
+                        "start": 117,
+                        "end": 118
                     },
                     "context": {
                         "type": "variable",
@@ -106260,8 +106530,8 @@
                         "value": "var( --kendo-chat-bg, #{k-color(surface)} )",
                         "scope": "default",
                         "line": {
-                            "start": 113,
-                            "end": 113
+                            "start": 119,
+                            "end": 119
                         }
                     },
                     "group": [
@@ -106278,8 +106548,8 @@
                 {
                     "description": "The text color of the Chat.\n",
                     "commentRange": {
-                        "start": 114,
-                        "end": 115
+                        "start": 120,
+                        "end": 121
                     },
                     "context": {
                         "type": "variable",
@@ -106287,8 +106557,8 @@
                         "value": "var( --kendo-chat-text, #{k-color(on-app-surface)} )",
                         "scope": "default",
                         "line": {
-                            "start": 116,
-                            "end": 116
+                            "start": 122,
+                            "end": 122
                         }
                     },
                     "group": [
@@ -106305,8 +106575,8 @@
                 {
                     "description": "The border color of the Chat.\n",
                     "commentRange": {
-                        "start": 117,
-                        "end": 118
+                        "start": 123,
+                        "end": 124
                     },
                     "context": {
                         "type": "variable",
@@ -106314,8 +106584,8 @@
                         "value": "var( --kendo-chat-border, #{color-mix(in srgb, k-color(border) 16%, transparent)} )",
                         "scope": "default",
                         "line": {
-                            "start": 119,
-                            "end": 119
+                            "start": 125,
+                            "end": 125
                         }
                     },
                     "group": [
@@ -106332,8 +106602,8 @@
                 {
                     "description": "The background color of the Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 121,
-                        "end": 122
+                        "start": 127,
+                        "end": 128
                     },
                     "context": {
                         "type": "variable",
@@ -106341,8 +106611,8 @@
                         "value": "var( --kendo-chat-alt-bubble-bg, #{k-color(primary)} )",
                         "scope": "default",
                         "line": {
-                            "start": 123,
-                            "end": 123
+                            "start": 129,
+                            "end": 129
                         }
                     },
                     "group": [
@@ -106359,8 +106629,8 @@
                 {
                     "description": "The text color of the Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 124,
-                        "end": 125
+                        "start": 130,
+                        "end": 131
                     },
                     "context": {
                         "type": "variable",
@@ -106368,8 +106638,8 @@
                         "value": "var( --kendo-chat-alt-bubble-text, #{k-color(surface-alt)} )",
                         "scope": "default",
                         "line": {
-                            "start": 126,
-                            "end": 126
+                            "start": 132,
+                            "end": 132
                         }
                     },
                     "group": [
@@ -106386,8 +106656,8 @@
                 {
                     "description": "The border color of the Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 127,
-                        "end": 128
+                        "start": 133,
+                        "end": 134
                     },
                     "context": {
                         "type": "variable",
@@ -106395,8 +106665,8 @@
                         "value": "var( --kendo-chat-alt-bubble-border, #{$kendo-chat-alt-bubble-bg} )",
                         "scope": "default",
                         "line": {
-                            "start": 129,
-                            "end": 129
+                            "start": 135,
+                            "end": 135
                         }
                     },
                     "group": [
@@ -106413,8 +106683,8 @@
                 {
                     "description": "The shadow of the Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 130,
-                        "end": 131
+                        "start": 136,
+                        "end": 137
                     },
                     "context": {
                         "type": "variable",
@@ -106422,8 +106692,8 @@
                         "value": "none",
                         "scope": "default",
                         "line": {
-                            "start": 132,
-                            "end": 132
+                            "start": 138,
+                            "end": 138
                         }
                     },
                     "group": [
@@ -106440,8 +106710,8 @@
                 {
                     "description": "The color of the typing indicator dots.\n",
                     "commentRange": {
-                        "start": 156,
-                        "end": 157
+                        "start": 162,
+                        "end": 163
                     },
                     "context": {
                         "type": "variable",
@@ -106449,8 +106719,8 @@
                         "value": "k-color(base-on-subtle)",
                         "scope": "default",
                         "line": {
-                            "start": 158,
-                            "end": 158
+                            "start": 164,
+                            "end": 164
                         }
                     },
                     "group": [
@@ -106465,19 +106735,19 @@
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The width of a file in the Chat Textarea.\n",
+                    "description": "The minimum width of a file in the Chat Textarea.\n",
                     "commentRange": {
-                        "start": 160,
-                        "end": 161
+                        "start": 166,
+                        "end": 167
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-chat-file-width",
-                        "value": "240px",
+                        "name": "kendo-chat-file-min-width",
+                        "value": "var(--kendo-chat-file-min-width, 96px)",
                         "scope": "default",
                         "line": {
-                            "start": 162,
-                            "end": 162
+                            "start": 168,
+                            "end": 168
                         }
                     },
                     "group": [
@@ -106488,23 +106758,158 @@
                         "path": "fluent/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "240px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-chat-file-min-width, 96px)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The maximum width of a file in the Chat Textarea.\n",
+                    "commentRange": {
+                        "start": 169,
+                        "end": 170
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chat-file-max-width",
+                        "value": "var(--kendo-chat-file-max-width, 160px)",
+                        "scope": "default",
+                        "line": {
+                            "start": 171,
+                            "end": 171
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-chat-file-max-width, 160px)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The font size of the Chat file name.\n",
+                    "commentRange": {
+                        "start": 172,
+                        "end": 173
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chat-file-name-font-size",
+                        "value": "var(--kendo-chat-file-name-font-size, var( --kendo-font-size-sm, inherit ))",
+                        "scope": "default",
+                        "line": {
+                            "start": 174,
+                            "end": 174
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-chat-file-name-font-size, var(--kendo-font-size-sm, inherit))",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The line height of the Chat file name.\n",
+                    "commentRange": {
+                        "start": 175,
+                        "end": 176
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chat-file-name-line-height",
+                        "value": "var(--kendo-chat-file-name-line-height, var( --kendo-line-height-lg, normal ))",
+                        "scope": "default",
+                        "line": {
+                            "start": 177,
+                            "end": 177
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-chat-file-name-line-height, var(--kendo-line-height-lg, normal))",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The font size of the Chat file size.\n",
+                    "commentRange": {
+                        "start": 178,
+                        "end": 179
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chat-file-size-font-size",
+                        "value": "var(--kendo-chat-file-size-font-size, var( --kendo-font-size-xs, inherit ))",
+                        "scope": "default",
+                        "line": {
+                            "start": 180,
+                            "end": 180
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-chat-file-size-font-size, var(--kendo-font-size-xs, inherit))",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The line height of the Chat file size.\n",
+                    "commentRange": {
+                        "start": 181,
+                        "end": 182
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chat-file-size-line-height",
+                        "value": "var(--kendo-chat-file-size-line-height, var( --kendo-line-height-xs, normal ))",
+                        "scope": "default",
+                        "line": {
+                            "start": 183,
+                            "end": 183
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-chat-file-size-line-height, var(--kendo-line-height-xs, normal))",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The horizontal padding of the Chat file.\n",
                     "commentRange": {
-                        "start": 163,
-                        "end": 164
+                        "start": 184,
+                        "end": 185
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-chat-file-padding-x",
-                        "value": "k-spacing(2)",
+                        "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 165,
-                            "end": 165
+                            "start": 186,
+                            "end": 186
                         }
                     },
                     "group": [
@@ -106515,23 +106920,23 @@
                         "path": "fluent/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+                    "resolvedValue": "var(--kendo-spacing-1, 0.25rem)",
                     "resolvedType": "String"
                 },
                 {
                     "description": "The vertical padding of the Chat file.\n",
                     "commentRange": {
-                        "start": 166,
-                        "end": 167
+                        "start": 187,
+                        "end": 188
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-chat-file-padding-y",
-                        "value": "k-spacing(2)",
+                        "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 168,
-                            "end": 168
+                            "start": 189,
+                            "end": 189
                         }
                     },
                     "group": [
@@ -106542,14 +106947,14 @@
                         "path": "fluent/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+                    "resolvedValue": "var(--kendo-spacing-1, 0.25rem)",
                     "resolvedType": "String"
                 },
                 {
                     "description": "The spacing between the elements of the Chat file.\n",
                     "commentRange": {
-                        "start": 169,
-                        "end": 170
+                        "start": 190,
+                        "end": 191
                     },
                     "context": {
                         "type": "variable",
@@ -106557,8 +106962,8 @@
                         "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 171,
-                            "end": 171
+                            "start": 192,
+                            "end": 192
                         }
                     },
                     "group": [
@@ -106575,8 +106980,8 @@
                 {
                     "description": "The border width of the Chat file.\n",
                     "commentRange": {
-                        "start": 173,
-                        "end": 174
+                        "start": 194,
+                        "end": 195
                     },
                     "context": {
                         "type": "variable",
@@ -106584,8 +106989,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 175,
-                            "end": 175
+                            "start": 196,
+                            "end": 196
                         }
                     },
                     "group": [
@@ -106602,8 +107007,8 @@
                 {
                     "description": "The border style of the Chat file.\n",
                     "commentRange": {
-                        "start": 176,
-                        "end": 177
+                        "start": 197,
+                        "end": 198
                     },
                     "context": {
                         "type": "variable",
@@ -106611,8 +107016,8 @@
                         "value": "solid",
                         "scope": "default",
                         "line": {
-                            "start": 178,
-                            "end": 178
+                            "start": 199,
+                            "end": 199
                         }
                     },
                     "group": [
@@ -106629,17 +107034,17 @@
                 {
                     "description": "The background color of the Chat file.\n",
                     "commentRange": {
-                        "start": 180,
-                        "end": 181
+                        "start": 201,
+                        "end": 202
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-chat-file-bg",
-                        "value": "k-color(base-subtle)",
+                        "value": "color-mix(in srgb, k-color(base-on-subtle) 8%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 182,
-                            "end": 182
+                            "start": 203,
+                            "end": 203
                         }
                     },
                     "group": [
@@ -106650,14 +107055,14 @@
                         "path": "fluent/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-base-subtle, #f5f5f5)",
+                    "resolvedValue": "color-mix(in srgb, var(--kendo-color-base-on-subtle, #242424) 8%, transparent)",
                     "resolvedType": "String"
                 },
                 {
                     "description": "The text color of the Chat file.\n",
                     "commentRange": {
-                        "start": 183,
-                        "end": 184
+                        "start": 204,
+                        "end": 205
                     },
                     "context": {
                         "type": "variable",
@@ -106665,8 +107070,8 @@
                         "value": "k-color(base-on-subtle)",
                         "scope": "default",
                         "line": {
-                            "start": 185,
-                            "end": 185
+                            "start": 206,
+                            "end": 206
                         }
                     },
                     "group": [
@@ -106683,17 +107088,17 @@
                 {
                     "description": "The border color of the Chat file.\n",
                     "commentRange": {
-                        "start": 186,
-                        "end": 187
+                        "start": 207,
+                        "end": 208
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-chat-file-border",
-                        "value": "k-color(base-subtle)",
+                        "value": "$kendo-chat-file-bg",
                         "scope": "default",
                         "line": {
-                            "start": 188,
-                            "end": 188
+                            "start": 209,
+                            "end": 209
                         }
                     },
                     "group": [
@@ -106704,14 +107109,14 @@
                         "path": "fluent/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-base-subtle, #f5f5f5)",
+                    "resolvedValue": "color-mix(in srgb, var(--kendo-color-base-on-subtle, #242424) 8%, transparent)",
                     "resolvedType": "String"
                 },
                 {
                     "description": "The border-radius of the Chat file.\n",
                     "commentRange": {
-                        "start": 189,
-                        "end": 190
+                        "start": 210,
+                        "end": 211
                     },
                     "context": {
                         "type": "variable",
@@ -106719,8 +107124,8 @@
                         "value": "k-border-radius(md)",
                         "scope": "default",
                         "line": {
-                            "start": 191,
-                            "end": 191
+                            "start": 212,
+                            "end": 212
                         }
                     },
                     "group": [
@@ -106735,19 +107140,19 @@
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The horizontal padding of the file download wrapper.\n",
+                    "description": "The background color of the Chat sender file.\n",
                     "commentRange": {
-                        "start": 193,
-                        "end": 194
+                        "start": 214,
+                        "end": 215
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-chat-file-download-padding-x",
-                        "value": "k-spacing(2)",
+                        "name": "kendo-chat-sender-file-bg",
+                        "value": "color-mix(in srgb, k-color(on-primary) 14%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 195,
-                            "end": 195
+                            "start": 216,
+                            "end": 216
                         }
                     },
                     "group": [
@@ -106758,23 +107163,23 @@
                         "path": "fluent/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+                    "resolvedValue": "color-mix(in srgb, var(--kendo-color-on-primary, #ffffff) 14%, transparent)",
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The vertical padding of the file download wrapper.\n",
+                    "description": "The text color of the Chat sender file.\n",
                     "commentRange": {
-                        "start": 196,
-                        "end": 197
+                        "start": 217,
+                        "end": 218
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-chat-file-download-padding-y",
-                        "value": "k-spacing(2)",
+                        "name": "kendo-chat-sender-file-text",
+                        "value": "k-color(on-primary)",
                         "scope": "default",
                         "line": {
-                            "start": 198,
-                            "end": 198
+                            "start": 219,
+                            "end": 219
                         }
                     },
                     "group": [
@@ -106785,14 +107190,41 @@
                         "path": "fluent/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+                    "resolvedValue": "var(--kendo-color-on-primary, #ffffff)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The border color of the Chat sender file.\n",
+                    "commentRange": {
+                        "start": 220,
+                        "end": 221
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chat-sender-file-border",
+                        "value": "$kendo-chat-sender-file-bg",
+                        "scope": "default",
+                        "line": {
+                            "start": 222,
+                            "end": 222
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "color-mix(in srgb, var(--kendo-color-on-primary, #ffffff) 14%, transparent)",
                     "resolvedType": "String"
                 },
                 {
                     "description": "The border width of the Chat pinned message;\n",
                     "commentRange": {
-                        "start": 200,
-                        "end": 201
+                        "start": 224,
+                        "end": 225
                     },
                     "context": {
                         "type": "variable",
@@ -106800,8 +107232,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 202,
-                            "end": 202
+                            "start": 226,
+                            "end": 226
                         }
                     },
                     "group": [
@@ -106818,8 +107250,8 @@
                 {
                     "description": "The border style of the Chat pinned message;\n",
                     "commentRange": {
-                        "start": 203,
-                        "end": 204
+                        "start": 227,
+                        "end": 228
                     },
                     "context": {
                         "type": "variable",
@@ -106827,8 +107259,8 @@
                         "value": "solid",
                         "scope": "default",
                         "line": {
-                            "start": 205,
-                            "end": 205
+                            "start": 229,
+                            "end": 229
                         }
                     },
                     "group": [
@@ -106845,8 +107277,8 @@
                 {
                     "description": "The border color of the Chat pinned message;\n",
                     "commentRange": {
-                        "start": 206,
-                        "end": 207
+                        "start": 230,
+                        "end": 231
                     },
                     "context": {
                         "type": "variable",
@@ -106854,8 +107286,8 @@
                         "value": "color-mix(in srgb, k-color(border) 16%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 208,
-                            "end": 208
+                            "start": 232,
+                            "end": 232
                         }
                     },
                     "group": [
@@ -106872,8 +107304,8 @@
                 {
                     "description": "The horizontal padding of the Chat message reference.\n",
                     "commentRange": {
-                        "start": 210,
-                        "end": 211
+                        "start": 234,
+                        "end": 235
                     },
                     "context": {
                         "type": "variable",
@@ -106881,8 +107313,8 @@
                         "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 212,
-                            "end": 212
+                            "start": 236,
+                            "end": 236
                         }
                     },
                     "group": [
@@ -106899,8 +107331,8 @@
                 {
                     "description": "The vertical padding of the Chat message reference.\n",
                     "commentRange": {
-                        "start": 213,
-                        "end": 214
+                        "start": 237,
+                        "end": 238
                     },
                     "context": {
                         "type": "variable",
@@ -106908,8 +107340,8 @@
                         "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 215,
-                            "end": 215
+                            "start": 239,
+                            "end": 239
                         }
                     },
                     "group": [
@@ -106926,8 +107358,8 @@
                 {
                     "description": "The background color of the Chat message reference.\n",
                     "commentRange": {
-                        "start": 217,
-                        "end": 218
+                        "start": 241,
+                        "end": 242
                     },
                     "context": {
                         "type": "variable",
@@ -106935,8 +107367,8 @@
                         "value": "k-color(surface)",
                         "scope": "default",
                         "line": {
-                            "start": 219,
-                            "end": 219
+                            "start": 243,
+                            "end": 243
                         }
                     },
                     "group": [
@@ -106953,8 +107385,8 @@
                 {
                     "description": "The text color of the Chat message reference.\n",
                     "commentRange": {
-                        "start": 220,
-                        "end": 221
+                        "start": 244,
+                        "end": 245
                     },
                     "context": {
                         "type": "variable",
@@ -106962,8 +107394,8 @@
                         "value": "k-color(on-app-surface)",
                         "scope": "default",
                         "line": {
-                            "start": 222,
-                            "end": 222
+                            "start": 246,
+                            "end": 246
                         }
                     },
                     "group": [
@@ -106980,8 +107412,8 @@
                 {
                     "description": "The background color of the message reference marker.\n",
                     "commentRange": {
-                        "start": 223,
-                        "end": 224
+                        "start": 247,
+                        "end": 248
                     },
                     "context": {
                         "type": "variable",
@@ -106989,8 +107421,8 @@
                         "value": "k-color(base-emphasis)",
                         "scope": "default",
                         "line": {
-                            "start": 225,
-                            "end": 225
+                            "start": 249,
+                            "end": 249
                         }
                     },
                     "group": [
@@ -107007,8 +107439,8 @@
                 {
                     "description": "The background color of the message reference alt marker.\n",
                     "commentRange": {
-                        "start": 226,
-                        "end": 227
+                        "start": 250,
+                        "end": 251
                     },
                     "context": {
                         "type": "variable",
@@ -107016,8 +107448,8 @@
                         "value": "k-color(primary)",
                         "scope": "default",
                         "line": {
-                            "start": 228,
-                            "end": 228
+                            "start": 252,
+                            "end": 252
                         }
                     },
                     "group": [