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

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

@@ -5283,7 +5283,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,
@@ -5777,8 +5777,8 @@
     {
         "description": "The background color of the hovered alt Bubble.\n",
         "commentRange": {
-            "start": 134,
-            "end": 135
+            "start": 140,
+            "end": 141
         },
         "context": {
             "type": "variable",
@@ -5786,8 +5786,8 @@
             "value": "k-color(primary-hover)",
             "scope": "default",
             "line": {
-                "start": 136,
-                "end": 136
+                "start": 142,
+                "end": 142
             }
         },
         "group": [
@@ -5802,8 +5802,8 @@
     {
         "description": "The border color of the hovered alt Bubble.\n",
         "commentRange": {
-            "start": 137,
-            "end": 138
+            "start": 143,
+            "end": 144
         },
         "context": {
             "type": "variable",
@@ -5811,8 +5811,8 @@
             "value": "$kendo-chat-alt-bubble-hover-bg",
             "scope": "default",
             "line": {
-                "start": 139,
-                "end": 139
+                "start": 145,
+                "end": 145
             }
         },
         "group": [
@@ -5827,8 +5827,8 @@
     {
         "description": "The background color of the active Bubble.\n",
         "commentRange": {
-            "start": 140,
-            "end": 141
+            "start": 146,
+            "end": 147
         },
         "context": {
             "type": "variable",
@@ -5836,8 +5836,8 @@
             "value": "k-color(primary-active)",
             "scope": "default",
             "line": {
-                "start": 142,
-                "end": 142
+                "start": 148,
+                "end": 148
             }
         },
         "group": [
@@ -5852,8 +5852,8 @@
     {
         "description": "The border color of the active alt Bubble.\n",
         "commentRange": {
-            "start": 143,
-            "end": 144
+            "start": 149,
+            "end": 150
         },
         "context": {
             "type": "variable",
@@ -5861,8 +5861,8 @@
             "value": "$kendo-chat-alt-bubble-active-bg",
             "scope": "default",
             "line": {
-                "start": 145,
-                "end": 145
+                "start": 151,
+                "end": 151
             }
         },
         "group": [
@@ -5877,8 +5877,8 @@
     {
         "description": "The background color of the focused alt Bubble.\n",
         "commentRange": {
-            "start": 146,
-            "end": 147
+            "start": 152,
+            "end": 153
         },
         "context": {
             "type": "variable",
@@ -5886,8 +5886,8 @@
             "value": "$kendo-chat-alt-bubble-bg",
             "scope": "default",
             "line": {
-                "start": 148,
-                "end": 148
+                "start": 154,
+                "end": 154
             }
         },
         "group": [
@@ -5902,8 +5902,8 @@
     {
         "description": "The border color of the focused alt Bubble.\n",
         "commentRange": {
-            "start": 149,
-            "end": 150
+            "start": 155,
+            "end": 156
         },
         "context": {
             "type": "variable",
@@ -5911,8 +5911,8 @@
             "value": "k-color(on-base)",
             "scope": "default",
             "line": {
-                "start": 151,
-                "end": 151
+                "start": 157,
+                "end": 157
             }
         },
         "group": [
@@ -5927,8 +5927,8 @@
     {
         "description": "The box shadow of the focused alt Bubble.\n",
         "commentRange": {
-            "start": 152,
-            "end": 153
+            "start": 158,
+            "end": 159
         },
         "context": {
             "type": "variable",
@@ -5936,8 +5936,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": [
@@ -13375,15 +13375,15 @@
         }
     },
     {
-        "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,
@@ -13399,11 +13399,61 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "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": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "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": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The font size of the Chat timestamp.\n",
         "commentRange": {
-            "start": 57,
-            "end": 58
+            "start": 63,
+            "end": 64
         },
         "context": {
             "type": "variable",
@@ -13411,8 +13461,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": [
@@ -13427,8 +13477,8 @@
     {
         "description": "The line height of the Chat timestamp.\n",
         "commentRange": {
-            "start": 60,
-            "end": 61
+            "start": 66,
+            "end": 67
         },
         "context": {
             "type": "variable",
@@ -13436,8 +13486,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": [
@@ -13452,8 +13502,8 @@
     {
         "description": "The text transform of the Chat timestamp.\n",
         "commentRange": {
-            "start": 63,
-            "end": 64
+            "start": 69,
+            "end": 70
         },
         "context": {
             "type": "variable",
@@ -13461,8 +13511,8 @@
             "value": "none",
             "scope": "default",
             "line": {
-                "start": 65,
-                "end": 65
+                "start": 71,
+                "end": 71
             }
         },
         "group": [
@@ -13477,8 +13527,8 @@
     {
         "description": "The text color of the Chat timestamp.\n",
         "commentRange": {
-            "start": 66,
-            "end": 67
+            "start": 72,
+            "end": 73
         },
         "context": {
             "type": "variable",
@@ -13486,8 +13536,8 @@
             "value": "var( --kendo-chat-timestamp-text, #{k-color(subtle)} )",
             "scope": "default",
             "line": {
-                "start": 68,
-                "end": 68
+                "start": 74,
+                "end": 74
             }
         },
         "group": [
@@ -13502,8 +13552,8 @@
     {
         "description": "The background color of the Chat timestamp.\n",
         "commentRange": {
-            "start": 69,
-            "end": 70
+            "start": 75,
+            "end": 76
         },
         "context": {
             "type": "variable",
@@ -13511,8 +13561,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 71,
-                "end": 71
+                "start": 77,
+                "end": 77
             }
         },
         "group": [
@@ -13527,8 +13577,8 @@
     {
         "description": "The background color of the Chat timestamp separator.\n",
         "commentRange": {
-            "start": 72,
-            "end": 73
+            "start": 78,
+            "end": 79
         },
         "context": {
             "type": "variable",
@@ -13536,8 +13586,8 @@
             "value": "color-mix(in srgb, k-color(border) 26%, transparent)",
             "scope": "default",
             "line": {
-                "start": 74,
-                "end": 74
+                "start": 80,
+                "end": 80
             }
         },
         "group": [
@@ -13552,8 +13602,8 @@
     {
         "description": "The spacing between the Chat timestamp and its separator.\n",
         "commentRange": {
-            "start": 75,
-            "end": 76
+            "start": 81,
+            "end": 82
         },
         "context": {
             "type": "variable",
@@ -13561,8 +13611,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 77,
-                "end": 77
+                "start": 83,
+                "end": 83
             }
         },
         "group": [
@@ -13577,8 +13627,8 @@
     {
         "description": "The font size of the Chat message meta text.\n",
         "commentRange": {
-            "start": 79,
-            "end": 80
+            "start": 85,
+            "end": 86
         },
         "context": {
             "type": "variable",
@@ -13586,8 +13636,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": [
@@ -13602,8 +13652,8 @@
     {
         "description": "The line height of the Chat message meta text.\n",
         "commentRange": {
-            "start": 82,
-            "end": 83
+            "start": 88,
+            "end": 89
         },
         "context": {
             "type": "variable",
@@ -13611,8 +13661,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": [
@@ -13627,8 +13677,8 @@
     {
         "description": "The font size of the Chat author text.\n",
         "commentRange": {
-            "start": 86,
-            "end": 87
+            "start": 92,
+            "end": 93
         },
         "context": {
             "type": "variable",
@@ -13636,8 +13686,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": [
@@ -13652,8 +13702,8 @@
     {
         "description": "The line height of the Chat author text.\n",
         "commentRange": {
-            "start": 89,
-            "end": 90
+            "start": 95,
+            "end": 96
         },
         "context": {
             "type": "variable",
@@ -13661,8 +13711,8 @@
             "value": "var( --kendo-line-height-xs, normal )",
             "scope": "default",
             "line": {
-                "start": 91,
-                "end": 91
+                "start": 97,
+                "end": 97
             }
         },
         "group": [
@@ -13677,8 +13727,8 @@
     {
         "description": "The text color of the Chat status.\n",
         "commentRange": {
-            "start": 93,
-            "end": 94
+            "start": 99,
+            "end": 100
         },
         "context": {
             "type": "variable",
@@ -13686,8 +13736,8 @@
             "value": "k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 95,
-                "end": 95
+                "start": 101,
+                "end": 101
             }
         },
         "group": [
@@ -13702,8 +13752,8 @@
     {
         "description": "The spacing of the Chat bubble message.\n",
         "commentRange": {
-            "start": 97,
-            "end": 98
+            "start": 103,
+            "end": 104
         },
         "context": {
             "type": "variable",
@@ -13711,8 +13761,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 99,
-                "end": 99
+                "start": 105,
+                "end": 105
             }
         },
         "group": [
@@ -13727,8 +13777,8 @@
     {
         "description": "The background color of the Chat Toolbar.\n",
         "commentRange": {
-            "start": 101,
-            "end": 102
+            "start": 107,
+            "end": 108
         },
         "context": {
             "type": "variable",
@@ -13736,8 +13786,8 @@
             "value": "var( --kendo-chat-toolbar-bg, #{$kendo-toolbar-bg} )",
             "scope": "default",
             "line": {
-                "start": 103,
-                "end": 103
+                "start": 109,
+                "end": 109
             }
         },
         "group": [
@@ -13752,8 +13802,8 @@
     {
         "description": "The text color of the Chat Toolbar.\n",
         "commentRange": {
-            "start": 104,
-            "end": 105
+            "start": 110,
+            "end": 111
         },
         "context": {
             "type": "variable",
@@ -13761,8 +13811,8 @@
             "value": "var( --kendo-chat-toolbar-text, #{$kendo-toolbar-text} )",
             "scope": "default",
             "line": {
-                "start": 106,
-                "end": 106
+                "start": 112,
+                "end": 112
             }
         },
         "group": [
@@ -13777,8 +13827,8 @@
     {
         "description": "The border color of the Chat Toolbar.\n",
         "commentRange": {
-            "start": 107,
-            "end": 108
+            "start": 113,
+            "end": 114
         },
         "context": {
             "type": "variable",
@@ -13786,8 +13836,8 @@
             "value": "var( --kendo-chat-toolbar-border, inherit )",
             "scope": "default",
             "line": {
-                "start": 109,
-                "end": 109
+                "start": 115,
+                "end": 115
             }
         },
         "group": [
@@ -13802,8 +13852,8 @@
     {
         "description": "The background color of the Chat.\n",
         "commentRange": {
-            "start": 111,
-            "end": 112
+            "start": 117,
+            "end": 118
         },
         "context": {
             "type": "variable",
@@ -13811,8 +13861,8 @@
             "value": "var( --kendo-chat-bg, #{k-color(surface)} )",
             "scope": "default",
             "line": {
-                "start": 113,
-                "end": 113
+                "start": 119,
+                "end": 119
             }
         },
         "group": [
@@ -13827,8 +13877,8 @@
     {
         "description": "The text color of the Chat.\n",
         "commentRange": {
-            "start": 114,
-            "end": 115
+            "start": 120,
+            "end": 121
         },
         "context": {
             "type": "variable",
@@ -13836,8 +13886,8 @@
             "value": "var( --kendo-chat-text, #{k-color(on-app-surface)} )",
             "scope": "default",
             "line": {
-                "start": 116,
-                "end": 116
+                "start": 122,
+                "end": 122
             }
         },
         "group": [
@@ -13852,8 +13902,8 @@
     {
         "description": "The border color of the Chat.\n",
         "commentRange": {
-            "start": 117,
-            "end": 118
+            "start": 123,
+            "end": 124
         },
         "context": {
             "type": "variable",
@@ -13861,8 +13911,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": [
@@ -13877,8 +13927,8 @@
     {
         "description": "The background color of the Chat alt bubble.\n",
         "commentRange": {
-            "start": 121,
-            "end": 122
+            "start": 127,
+            "end": 128
         },
         "context": {
             "type": "variable",
@@ -13886,8 +13936,8 @@
             "value": "var( --kendo-chat-alt-bubble-bg, #{k-color(primary)} )",
             "scope": "default",
             "line": {
-                "start": 123,
-                "end": 123
+                "start": 129,
+                "end": 129
             }
         },
         "group": [
@@ -13902,8 +13952,8 @@
     {
         "description": "The text color of the Chat alt bubble.\n",
         "commentRange": {
-            "start": 124,
-            "end": 125
+            "start": 130,
+            "end": 131
         },
         "context": {
             "type": "variable",
@@ -13911,8 +13961,8 @@
             "value": "var( --kendo-chat-alt-bubble-text, #{k-color(surface-alt)} )",
             "scope": "default",
             "line": {
-                "start": 126,
-                "end": 126
+                "start": 132,
+                "end": 132
             }
         },
         "group": [
@@ -13927,8 +13977,8 @@
     {
         "description": "The border color of the Chat alt bubble.\n",
         "commentRange": {
-            "start": 127,
-            "end": 128
+            "start": 133,
+            "end": 134
         },
         "context": {
             "type": "variable",
@@ -13936,8 +13986,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": [
@@ -13952,8 +14002,8 @@
     {
         "description": "The shadow of the Chat alt bubble.\n",
         "commentRange": {
-            "start": 130,
-            "end": 131
+            "start": 136,
+            "end": 137
         },
         "context": {
             "type": "variable",
@@ -13961,8 +14011,8 @@
             "value": "none",
             "scope": "default",
             "line": {
-                "start": 132,
-                "end": 132
+                "start": 138,
+                "end": 138
             }
         },
         "group": [
@@ -13977,8 +14027,8 @@
     {
         "description": "The color of the typing indicator dots.\n",
         "commentRange": {
-            "start": 156,
-            "end": 157
+            "start": 162,
+            "end": 163
         },
         "context": {
             "type": "variable",
@@ -13986,8 +14036,8 @@
             "value": "k-color(base-on-subtle)",
             "scope": "default",
             "line": {
-                "start": 158,
-                "end": 158
+                "start": 164,
+                "end": 164
             }
         },
         "group": [
@@ -14000,19 +14050,144 @@
         }
     },
     {
-        "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": [
+            "chat"
+        ],
+        "access": "public",
+        "file": {
+            "path": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "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": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "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": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "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": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "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": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "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": [
@@ -14027,17 +14202,17 @@
     {
         "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": [
@@ -14052,17 +14227,17 @@
     {
         "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": [
@@ -14077,8 +14252,8 @@
     {
         "description": "The spacing between the elements of the Chat file.\n",
         "commentRange": {
-            "start": 169,
-            "end": 170
+            "start": 190,
+            "end": 191
         },
         "context": {
             "type": "variable",
@@ -14086,8 +14261,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 171,
-                "end": 171
+                "start": 192,
+                "end": 192
             }
         },
         "group": [
@@ -14102,8 +14277,8 @@
     {
         "description": "The border width of the Chat file.\n",
         "commentRange": {
-            "start": 173,
-            "end": 174
+            "start": 194,
+            "end": 195
         },
         "context": {
             "type": "variable",
@@ -14111,8 +14286,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 175,
-                "end": 175
+                "start": 196,
+                "end": 196
             }
         },
         "group": [
@@ -14127,8 +14302,8 @@
     {
         "description": "The border style of the Chat file.\n",
         "commentRange": {
-            "start": 176,
-            "end": 177
+            "start": 197,
+            "end": 198
         },
         "context": {
             "type": "variable",
@@ -14136,8 +14311,8 @@
             "value": "solid",
             "scope": "default",
             "line": {
-                "start": 178,
-                "end": 178
+                "start": 199,
+                "end": 199
             }
         },
         "group": [
@@ -14152,17 +14327,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": [
@@ -14177,8 +14352,8 @@
     {
         "description": "The text color of the Chat file.\n",
         "commentRange": {
-            "start": 183,
-            "end": 184
+            "start": 204,
+            "end": 205
         },
         "context": {
             "type": "variable",
@@ -14186,8 +14361,8 @@
             "value": "k-color(base-on-subtle)",
             "scope": "default",
             "line": {
-                "start": 185,
-                "end": 185
+                "start": 206,
+                "end": 206
             }
         },
         "group": [
@@ -14202,17 +14377,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": [
@@ -14227,8 +14402,8 @@
     {
         "description": "The border-radius of the Chat file.\n",
         "commentRange": {
-            "start": 189,
-            "end": 190
+            "start": 210,
+            "end": 211
         },
         "context": {
             "type": "variable",
@@ -14236,8 +14411,8 @@
             "value": "k-border-radius(md)",
             "scope": "default",
             "line": {
-                "start": 191,
-                "end": 191
+                "start": 212,
+                "end": 212
             }
         },
         "group": [
@@ -14250,19 +14425,19 @@
         }
     },
     {
-        "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": [
@@ -14275,19 +14450,44 @@
         }
     },
     {
-        "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": [
+            "chat"
+        ],
+        "access": "public",
+        "file": {
+            "path": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "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": [
@@ -14302,8 +14502,8 @@
     {
         "description": "The border width of the Chat pinned message;\n",
         "commentRange": {
-            "start": 200,
-            "end": 201
+            "start": 224,
+            "end": 225
         },
         "context": {
             "type": "variable",
@@ -14311,8 +14511,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 202,
-                "end": 202
+                "start": 226,
+                "end": 226
             }
         },
         "group": [
@@ -14327,8 +14527,8 @@
     {
         "description": "The border style of the Chat pinned message;\n",
         "commentRange": {
-            "start": 203,
-            "end": 204
+            "start": 227,
+            "end": 228
         },
         "context": {
             "type": "variable",
@@ -14336,8 +14536,8 @@
             "value": "solid",
             "scope": "default",
             "line": {
-                "start": 205,
-                "end": 205
+                "start": 229,
+                "end": 229
             }
         },
         "group": [
@@ -14352,8 +14552,8 @@
     {
         "description": "The border color of the Chat pinned message;\n",
         "commentRange": {
-            "start": 206,
-            "end": 207
+            "start": 230,
+            "end": 231
         },
         "context": {
             "type": "variable",
@@ -14361,8 +14561,8 @@
             "value": "color-mix(in srgb, k-color(border) 16%, transparent)",
             "scope": "default",
             "line": {
-                "start": 208,
-                "end": 208
+                "start": 232,
+                "end": 232
             }
         },
         "group": [
@@ -14377,8 +14577,8 @@
     {
         "description": "The horizontal padding of the Chat message reference.\n",
         "commentRange": {
-            "start": 210,
-            "end": 211
+            "start": 234,
+            "end": 235
         },
         "context": {
             "type": "variable",
@@ -14386,8 +14586,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 212,
-                "end": 212
+                "start": 236,
+                "end": 236
             }
         },
         "group": [
@@ -14402,8 +14602,8 @@
     {
         "description": "The vertical padding of the Chat message reference.\n",
         "commentRange": {
-            "start": 213,
-            "end": 214
+            "start": 237,
+            "end": 238
         },
         "context": {
             "type": "variable",
@@ -14411,8 +14611,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 215,
-                "end": 215
+                "start": 239,
+                "end": 239
             }
         },
         "group": [
@@ -14427,8 +14627,8 @@
     {
         "description": "The background color of the Chat message reference.\n",
         "commentRange": {
-            "start": 217,
-            "end": 218
+            "start": 241,
+            "end": 242
         },
         "context": {
             "type": "variable",
@@ -14436,8 +14636,8 @@
             "value": "k-color(surface)",
             "scope": "default",
             "line": {
-                "start": 219,
-                "end": 219
+                "start": 243,
+                "end": 243
             }
         },
         "group": [
@@ -14452,8 +14652,8 @@
     {
         "description": "The text color of the Chat message reference.\n",
         "commentRange": {
-            "start": 220,
-            "end": 221
+            "start": 244,
+            "end": 245
         },
         "context": {
             "type": "variable",
@@ -14461,8 +14661,8 @@
             "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 222,
-                "end": 222
+                "start": 246,
+                "end": 246
             }
         },
         "group": [
@@ -14477,8 +14677,8 @@
     {
         "description": "The background color of the message reference marker.\n",
         "commentRange": {
-            "start": 223,
-            "end": 224
+            "start": 247,
+            "end": 248
         },
         "context": {
             "type": "variable",
@@ -14486,8 +14686,8 @@
             "value": "k-color(base-emphasis)",
             "scope": "default",
             "line": {
-                "start": 225,
-                "end": 225
+                "start": 249,
+                "end": 249
             }
         },
         "group": [
@@ -14502,8 +14702,8 @@
     {
         "description": "The background color of the message reference alt marker.\n",
         "commentRange": {
-            "start": 226,
-            "end": 227
+            "start": 250,
+            "end": 251
         },
         "context": {
             "type": "variable",
@@ -14511,8 +14711,8 @@
             "value": "k-color(primary)",
             "scope": "default",
             "line": {
-                "start": 228,
-                "end": 228
+                "start": 252,
+                "end": 252
             }
         },
         "group": [