@progress/kendo-theme-bootstrap 12.1.0 → 12.2.0-dev.0

package/dist/meta/sassdoc-data.json

@@ -3288,7 +3288,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-bubble-border-radius-sm",
-                "value": "k-border-radius(xs)",
+                "value": "k-border-radius(sm)",
                 "scope": "default",
                 "line": {
                     "start": 9,
@@ -3303,7 +3303,7 @@
                 "path": "bootstrap/scss/bubble/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-border-radius-xs, 0.125rem)",
+            "resolvedValue": "var(--kendo-border-radius-sm, 0.25rem)",
             "resolvedType": "String"
         },
         {
@@ -3822,8 +3822,8 @@
         {
             "description": "The background color of the hovered alt Bubble.\n",
             "commentRange": {
-                "start": 134,
-                "end": 135
+                "start": 140,
+                "end": 141
             },
             "context": {
                 "type": "variable",
@@ -3831,8 +3831,8 @@
                 "value": "k-color(primary-hover)",
                 "scope": "default",
                 "line": {
-                    "start": 136,
-                    "end": 136
+                    "start": 142,
+                    "end": 142
                 }
             },
             "group": [
@@ -3849,8 +3849,8 @@
         {
             "description": "The border color of the hovered alt Bubble.\n",
             "commentRange": {
-                "start": 137,
-                "end": 138
+                "start": 143,
+                "end": 144
             },
             "context": {
                 "type": "variable",
@@ -3858,8 +3858,8 @@
                 "value": "$kendo-chat-alt-bubble-hover-bg",
                 "scope": "default",
                 "line": {
-                    "start": 139,
-                    "end": 139
+                    "start": 145,
+                    "end": 145
                 }
             },
             "group": [
@@ -3876,8 +3876,8 @@
         {
             "description": "The background color of the active Bubble.\n",
             "commentRange": {
-                "start": 140,
-                "end": 141
+                "start": 146,
+                "end": 147
             },
             "context": {
                 "type": "variable",
@@ -3885,8 +3885,8 @@
                 "value": "k-color(primary-active)",
                 "scope": "default",
                 "line": {
-                    "start": 142,
-                    "end": 142
+                    "start": 148,
+                    "end": 148
                 }
             },
             "group": [
@@ -3903,8 +3903,8 @@
         {
             "description": "The border color of the active alt Bubble.\n",
             "commentRange": {
-                "start": 143,
-                "end": 144
+                "start": 149,
+                "end": 150
             },
             "context": {
                 "type": "variable",
@@ -3912,8 +3912,8 @@
                 "value": "$kendo-chat-alt-bubble-active-bg",
                 "scope": "default",
                 "line": {
-                    "start": 145,
-                    "end": 145
+                    "start": 151,
+                    "end": 151
                 }
             },
             "group": [
@@ -3930,8 +3930,8 @@
         {
             "description": "The background color of the focused alt Bubble.\n",
             "commentRange": {
-                "start": 146,
-                "end": 147
+                "start": 152,
+                "end": 153
             },
             "context": {
                 "type": "variable",
@@ -3939,8 +3939,8 @@
                 "value": "$kendo-chat-alt-bubble-bg",
                 "scope": "default",
                 "line": {
-                    "start": 148,
-                    "end": 148
+                    "start": 154,
+                    "end": 154
                 }
             },
             "group": [
@@ -3957,8 +3957,8 @@
         {
             "description": "The border color of the focused alt Bubble.\n",
             "commentRange": {
-                "start": 149,
-                "end": 150
+                "start": 155,
+                "end": 156
             },
             "context": {
                 "type": "variable",
@@ -3966,8 +3966,8 @@
                 "value": "$kendo-chat-alt-bubble-focus-bg",
                 "scope": "default",
                 "line": {
-                    "start": 151,
-                    "end": 151
+                    "start": 157,
+                    "end": 157
                 }
             },
             "group": [
@@ -3984,8 +3984,8 @@
         {
             "description": "The box shadow of the focused alt Bubble.\n",
             "commentRange": {
-                "start": 152,
-                "end": 153
+                "start": 158,
+                "end": 159
             },
             "context": {
                 "type": "variable",
@@ -3993,8 +3993,8 @@
                 "value": "0 0 0 2px color-mix(in srgb, k-color(primary) 16%, transparent)",
                 "scope": "default",
                 "line": {
-                    "start": 154,
-                    "end": 154
+                    "start": 160,
+                    "end": 160
                 }
             },
             "group": [
@@ -10869,15 +10869,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": 54,
                 "end": 55
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-chat-message-status-gap",
-                "value": "k-spacing(1)",
+                "name": "kendo-chat-status-min-size",
+                "value": "k-spacing(1.5)",
                 "scope": "default",
                 "line": {
                     "start": 56,
@@ -10892,14 +10892,68 @@
                 "path": "bootstrap/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
+            "resolvedValue": "var(--kendo-spacing-1\\.5, 0.375rem)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The maximum size of the Chat message status.\n",
+            "commentRange": {
+                "start": 57,
+                "end": 58
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chat-status-max-size",
+                "value": "k-spacing(8)",
+                "scope": "default",
+                "line": {
+                    "start": 59,
+                    "end": 59
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "bootstrap/scss/chat/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-spacing-8, 2rem)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The spacing between the icon and text in the Chat message status.\n",
+            "commentRange": {
+                "start": 60,
+                "end": 61
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chat-message-status-gap",
+                "value": "k-spacing(1)",
+                "scope": "default",
+                "line": {
+                    "start": 62,
+                    "end": 62
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "bootstrap/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": 58,
-                "end": 59
+                "start": 64,
+                "end": 65
             },
             "context": {
                 "type": "variable",
@@ -10907,8 +10961,8 @@
                 "value": "var( --kendo-font-size-xs, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 60,
-                    "end": 60
+                    "start": 66,
+                    "end": 66
                 }
             },
             "group": [
@@ -10925,8 +10979,8 @@
         {
             "description": "The line height of the Chat timestamp.\n",
             "commentRange": {
-                "start": 61,
-                "end": 62
+                "start": 67,
+                "end": 68
             },
             "context": {
                 "type": "variable",
@@ -10934,8 +10988,8 @@
                 "value": "var( --kendo-line-height, normal )",
                 "scope": "default",
                 "line": {
-                    "start": 63,
-                    "end": 63
+                    "start": 69,
+                    "end": 69
                 }
             },
             "group": [
@@ -10952,8 +11006,8 @@
         {
             "description": "The text transform of the Chat timestamp.\n",
             "commentRange": {
-                "start": 64,
-                "end": 65
+                "start": 70,
+                "end": 71
             },
             "context": {
                 "type": "variable",
@@ -10961,8 +11015,8 @@
                 "value": "none",
                 "scope": "default",
                 "line": {
-                    "start": 66,
-                    "end": 66
+                    "start": 72,
+                    "end": 72
                 }
             },
             "group": [
@@ -10979,8 +11033,8 @@
         {
             "description": "The text color of the Chat timestamp.\n",
             "commentRange": {
-                "start": 67,
-                "end": 68
+                "start": 73,
+                "end": 74
             },
             "context": {
                 "type": "variable",
@@ -10988,8 +11042,8 @@
                 "value": "k-color(subtle)",
                 "scope": "default",
                 "line": {
-                    "start": 69,
-                    "end": 69
+                    "start": 75,
+                    "end": 75
                 }
             },
             "group": [
@@ -11006,8 +11060,8 @@
         {
             "description": "The background color of the Chat timestamp.\n",
             "commentRange": {
-                "start": 70,
-                "end": 71
+                "start": 76,
+                "end": 77
             },
             "context": {
                 "type": "variable",
@@ -11015,8 +11069,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 72,
-                    "end": 72
+                    "start": 78,
+                    "end": 78
                 }
             },
             "group": [
@@ -11033,8 +11087,8 @@
         {
             "description": "The background color of the Chat timestamp separator.\n",
             "commentRange": {
-                "start": 73,
-                "end": 74
+                "start": 79,
+                "end": 80
             },
             "context": {
                 "type": "variable",
@@ -11042,8 +11096,8 @@
                 "value": "k-color(border)",
                 "scope": "default",
                 "line": {
-                    "start": 75,
-                    "end": 75
+                    "start": 81,
+                    "end": 81
                 }
             },
             "group": [
@@ -11060,8 +11114,8 @@
         {
             "description": "The spacing between the Chat timestamp and its separator.\n",
             "commentRange": {
-                "start": 76,
-                "end": 77
+                "start": 82,
+                "end": 83
             },
             "context": {
                 "type": "variable",
@@ -11069,8 +11123,8 @@
                 "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 78,
-                    "end": 78
+                    "start": 84,
+                    "end": 84
                 }
             },
             "group": [
@@ -11087,8 +11141,8 @@
         {
             "description": "The font size of the Chat message meta text.\n",
             "commentRange": {
-                "start": 80,
-                "end": 81
+                "start": 86,
+                "end": 87
             },
             "context": {
                 "type": "variable",
@@ -11096,8 +11150,8 @@
                 "value": "var( --kendo-font-size-sm, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 82,
-                    "end": 82
+                    "start": 88,
+                    "end": 88
                 }
             },
             "group": [
@@ -11114,8 +11168,8 @@
         {
             "description": "The line height of the Chat message meta text.\n",
             "commentRange": {
-                "start": 83,
-                "end": 84
+                "start": 89,
+                "end": 90
             },
             "context": {
                 "type": "variable",
@@ -11123,8 +11177,8 @@
                 "value": "var( --kendo-line-height-xs, normal )",
                 "scope": "default",
                 "line": {
-                    "start": 85,
-                    "end": 85
+                    "start": 91,
+                    "end": 91
                 }
             },
             "group": [
@@ -11141,8 +11195,8 @@
         {
             "description": "The font size of the Chat author text.\n",
             "commentRange": {
-                "start": 87,
-                "end": 88
+                "start": 93,
+                "end": 94
             },
             "context": {
                 "type": "variable",
@@ -11150,8 +11204,8 @@
                 "value": "var( --kendo-font-size-sm, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 89,
-                    "end": 89
+                    "start": 95,
+                    "end": 95
                 }
             },
             "group": [
@@ -11168,8 +11222,8 @@
         {
             "description": "The line height of the Chat author text.\n",
             "commentRange": {
-                "start": 90,
-                "end": 91
+                "start": 96,
+                "end": 97
             },
             "context": {
                 "type": "variable",
@@ -11177,8 +11231,8 @@
                 "value": "var( --kendo-line-height-xs, normal )",
                 "scope": "default",
                 "line": {
-                    "start": 92,
-                    "end": 92
+                    "start": 98,
+                    "end": 98
                 }
             },
             "group": [
@@ -11195,8 +11249,8 @@
         {
             "description": "The text color of the Chat status.\n",
             "commentRange": {
-                "start": 94,
-                "end": 95
+                "start": 100,
+                "end": 101
             },
             "context": {
                 "type": "variable",
@@ -11204,8 +11258,8 @@
                 "value": "k-color(subtle)",
                 "scope": "default",
                 "line": {
-                    "start": 96,
-                    "end": 96
+                    "start": 102,
+                    "end": 102
                 }
             },
             "group": [
@@ -11222,8 +11276,8 @@
         {
             "description": "The spacing of the Chat bubble message.\n",
             "commentRange": {
-                "start": 98,
-                "end": 99
+                "start": 104,
+                "end": 105
             },
             "context": {
                 "type": "variable",
@@ -11231,8 +11285,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 100,
-                    "end": 100
+                    "start": 106,
+                    "end": 106
                 }
             },
             "group": [
@@ -11249,8 +11303,8 @@
         {
             "description": "The background color of the Chat Toolbar.\n",
             "commentRange": {
-                "start": 102,
-                "end": 103
+                "start": 108,
+                "end": 109
             },
             "context": {
                 "type": "variable",
@@ -11258,8 +11312,8 @@
                 "value": "$kendo-toolbar-bg",
                 "scope": "default",
                 "line": {
-                    "start": 104,
-                    "end": 104
+                    "start": 110,
+                    "end": 110
                 }
             },
             "group": [
@@ -11276,8 +11330,8 @@
         {
             "description": "The text color of the Chat Toolbar.\n",
             "commentRange": {
-                "start": 105,
-                "end": 106
+                "start": 111,
+                "end": 112
             },
             "context": {
                 "type": "variable",
@@ -11285,8 +11339,8 @@
                 "value": "$kendo-toolbar-text",
                 "scope": "default",
                 "line": {
-                    "start": 107,
-                    "end": 107
+                    "start": 113,
+                    "end": 113
                 }
             },
             "group": [
@@ -11303,8 +11357,8 @@
         {
             "description": "The border color of the Chat Toolbar.\n",
             "commentRange": {
-                "start": 108,
-                "end": 109
+                "start": 114,
+                "end": 115
             },
             "context": {
                 "type": "variable",
@@ -11312,8 +11366,8 @@
                 "value": "inherit",
                 "scope": "default",
                 "line": {
-                    "start": 110,
-                    "end": 110
+                    "start": 116,
+                    "end": 116
                 }
             },
             "group": [
@@ -11330,8 +11384,8 @@
         {
             "description": "The background color of the Chat.\n",
             "commentRange": {
-                "start": 112,
-                "end": 113
+                "start": 118,
+                "end": 119
             },
             "context": {
                 "type": "variable",
@@ -11339,8 +11393,8 @@
                 "value": "k-color(surface)",
                 "scope": "default",
                 "line": {
-                    "start": 114,
-                    "end": 114
+                    "start": 120,
+                    "end": 120
                 }
             },
             "group": [
@@ -11357,8 +11411,8 @@
         {
             "description": "The text color of the Chat.\n",
             "commentRange": {
-                "start": 115,
-                "end": 116
+                "start": 121,
+                "end": 122
             },
             "context": {
                 "type": "variable",
@@ -11366,8 +11420,8 @@
                 "value": "k-color(on-app-surface)",
                 "scope": "default",
                 "line": {
-                    "start": 117,
-                    "end": 117
+                    "start": 123,
+                    "end": 123
                 }
             },
             "group": [
@@ -11384,8 +11438,8 @@
         {
             "description": "The border color of the Chat.\n",
             "commentRange": {
-                "start": 118,
-                "end": 119
+                "start": 124,
+                "end": 125
             },
             "context": {
                 "type": "variable",
@@ -11393,8 +11447,8 @@
                 "value": "k-color(border)",
                 "scope": "default",
                 "line": {
-                    "start": 120,
-                    "end": 120
+                    "start": 126,
+                    "end": 126
                 }
             },
             "group": [
@@ -11411,8 +11465,8 @@
         {
             "description": "The background color of the Chat alt bubble.\n",
             "commentRange": {
-                "start": 122,
-                "end": 123
+                "start": 128,
+                "end": 129
             },
             "context": {
                 "type": "variable",
@@ -11420,8 +11474,8 @@
                 "value": "k-color(primary)",
                 "scope": "default",
                 "line": {
-                    "start": 124,
-                    "end": 124
+                    "start": 130,
+                    "end": 130
                 }
             },
             "group": [
@@ -11438,8 +11492,8 @@
         {
             "description": "The text color of the Chat alt bubble.\n",
             "commentRange": {
-                "start": 125,
-                "end": 126
+                "start": 131,
+                "end": 132
             },
             "context": {
                 "type": "variable",
@@ -11447,8 +11501,8 @@
                 "value": "k-color(on-primary)",
                 "scope": "default",
                 "line": {
-                    "start": 127,
-                    "end": 127
+                    "start": 133,
+                    "end": 133
                 }
             },
             "group": [
@@ -11465,8 +11519,8 @@
         {
             "description": "The border color of the Chat alt bubble.\n",
             "commentRange": {
-                "start": 128,
-                "end": 129
+                "start": 134,
+                "end": 135
             },
             "context": {
                 "type": "variable",
@@ -11474,8 +11528,8 @@
                 "value": "$kendo-chat-alt-bubble-bg",
                 "scope": "default",
                 "line": {
-                    "start": 130,
-                    "end": 130
+                    "start": 136,
+                    "end": 136
                 }
             },
             "group": [
@@ -11492,8 +11546,8 @@
         {
             "description": "The shadow of the Chat alt bubble.\n",
             "commentRange": {
-                "start": 131,
-                "end": 132
+                "start": 137,
+                "end": 138
             },
             "context": {
                 "type": "variable",
@@ -11501,8 +11555,8 @@
                 "value": "none",
                 "scope": "default",
                 "line": {
-                    "start": 133,
-                    "end": 133
+                    "start": 139,
+                    "end": 139
                 }
             },
             "group": [
@@ -11519,8 +11573,8 @@
         {
             "description": "The color of the typing indicator dots.\n",
             "commentRange": {
-                "start": 156,
-                "end": 157
+                "start": 162,
+                "end": 163
             },
             "context": {
                 "type": "variable",
@@ -11528,8 +11582,8 @@
                 "value": "k-color(base-on-subtle)",
                 "scope": "default",
                 "line": {
-                    "start": 158,
-                    "end": 158
+                    "start": 164,
+                    "end": 164
                 }
             },
             "group": [
@@ -11544,19 +11598,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": "96px",
                 "scope": "default",
                 "line": {
-                    "start": 162,
-                    "end": 162
+                    "start": 168,
+                    "end": 168
                 }
             },
             "group": [
@@ -11567,23 +11621,23 @@
                 "path": "bootstrap/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "240px",
+            "resolvedValue": "96px",
             "resolvedType": "Number"
         },
         {
-            "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": "160px",
                 "scope": "default",
                 "line": {
-                    "start": 165,
-                    "end": 165
+                    "start": 171,
+                    "end": 171
                 }
             },
             "group": [
@@ -11594,23 +11648,23 @@
                 "path": "bootstrap/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
-            "resolvedType": "String"
+            "resolvedValue": "160px",
+            "resolvedType": "Number"
         },
         {
-            "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-font-size-sm, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 168,
-                    "end": 168
+                    "start": 174,
+                    "end": 174
                 }
             },
             "group": [
@@ -11621,23 +11675,23 @@
                 "path": "bootstrap/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+            "resolvedValue": "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-line-height-sm, normal )",
                 "scope": "default",
                 "line": {
-                    "start": 171,
-                    "end": 171
+                    "start": 177,
+                    "end": 177
                 }
             },
             "group": [
@@ -11648,23 +11702,23 @@
                 "path": "bootstrap/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-spacing-1, 0.25rem)",
+            "resolvedValue": "var(--kendo-line-height-sm, 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-font-size-xs, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 175,
-                    "end": 175
+                    "start": 180,
+                    "end": 180
                 }
             },
             "group": [
@@ -11675,23 +11729,23 @@
                 "path": "bootstrap/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "1px",
-            "resolvedType": "Number"
+            "resolvedValue": "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-line-height-xs, normal )",
                 "scope": "default",
                 "line": {
-                    "start": 178,
-                    "end": 178
+                    "start": 183,
+                    "end": 183
                 }
             },
             "group": [
@@ -11702,23 +11756,23 @@
                 "path": "bootstrap/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "solid",
+            "resolvedValue": "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": [
@@ -11729,23 +11783,23 @@
                 "path": "bootstrap/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-base-subtle, #e9ecef)",
+            "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": [
@@ -11756,23 +11810,23 @@
                 "path": "bootstrap/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-base-on-subtle, #212529)",
+            "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": "$kendo-chat-file-bg",
+                "name": "kendo-chat-file-gap",
+                "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 188,
-                    "end": 188
+                    "start": 192,
+                    "end": 192
                 }
             },
             "group": [
@@ -11783,23 +11837,23 @@
                 "path": "bootstrap/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-base-subtle, #e9ecef)",
+            "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": [
@@ -11810,23 +11864,23 @@
                 "path": "bootstrap/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-border-radius-md, 0.375rem)",
-            "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": [
@@ -11837,23 +11891,23 @@
                 "path": "bootstrap/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": [
@@ -11864,23 +11918,23 @@
                 "path": "bootstrap/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, #212529) 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": [
@@ -11891,23 +11945,23 @@
                 "path": "bootstrap/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "1px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-color-base-on-subtle, #212529)",
+            "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": [
@@ -11918,14 +11972,176 @@
                 "path": "bootstrap/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "solid",
+            "resolvedValue": "color-mix(in srgb, var(--kendo-color-base-on-subtle, #212529) 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-file-border-radius",
+                "value": "k-border-radius(md)",
+                "scope": "default",
+                "line": {
+                    "start": 212,
+                    "end": 212
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "bootstrap/scss/chat/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-border-radius-md, 0.375rem)",
+            "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": "bootstrap/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": "bootstrap/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": "bootstrap/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": "bootstrap/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": "bootstrap/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",
@@ -11933,8 +12149,8 @@
                 "value": "k-color(border)",
                 "scope": "default",
                 "line": {
-                    "start": 208,
-                    "end": 208
+                    "start": 232,
+                    "end": 232
                 }
             },
             "group": [
@@ -11951,8 +12167,8 @@
         {
             "description": "The horizontal padding of the Chat message reference.\n",
             "commentRange": {
-                "start": 210,
-                "end": 211
+                "start": 234,
+                "end": 235
             },
             "context": {
                 "type": "variable",
@@ -11960,8 +12176,8 @@
                 "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 212,
-                    "end": 212
+                    "start": 236,
+                    "end": 236
                 }
             },
             "group": [
@@ -11978,8 +12194,8 @@
         {
             "description": "The vertical padding of the Chat message reference.\n",
             "commentRange": {
-                "start": 213,
-                "end": 214
+                "start": 237,
+                "end": 238
             },
             "context": {
                 "type": "variable",
@@ -11987,8 +12203,8 @@
                 "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 215,
-                    "end": 215
+                    "start": 239,
+                    "end": 239
                 }
             },
             "group": [
@@ -12005,8 +12221,8 @@
         {
             "description": "The background color of the Chat message reference.\n",
             "commentRange": {
-                "start": 217,
-                "end": 218
+                "start": 241,
+                "end": 242
             },
             "context": {
                 "type": "variable",
@@ -12014,8 +12230,8 @@
                 "value": "k-color(surface)",
                 "scope": "default",
                 "line": {
-                    "start": 219,
-                    "end": 219
+                    "start": 243,
+                    "end": 243
                 }
             },
             "group": [
@@ -12032,8 +12248,8 @@
         {
             "description": "The text color of the Chat message reference.\n",
             "commentRange": {
-                "start": 220,
-                "end": 221
+                "start": 244,
+                "end": 245
             },
             "context": {
                 "type": "variable",
@@ -12041,8 +12257,8 @@
                 "value": "k-color(on-app-surface)",
                 "scope": "default",
                 "line": {
-                    "start": 222,
-                    "end": 222
+                    "start": 246,
+                    "end": 246
                 }
             },
             "group": [
@@ -12059,8 +12275,8 @@
         {
             "description": "The background color of the message reference marker.\n",
             "commentRange": {
-                "start": 223,
-                "end": 224
+                "start": 247,
+                "end": 248
             },
             "context": {
                 "type": "variable",
@@ -12068,8 +12284,8 @@
                 "value": "k-color(base-emphasis)",
                 "scope": "default",
                 "line": {
-                    "start": 225,
-                    "end": 225
+                    "start": 249,
+                    "end": 249
                 }
             },
             "group": [
@@ -12086,8 +12302,8 @@
         {
             "description": "The background color of the message reference alt marker.\n",
             "commentRange": {
-                "start": 226,
-                "end": 227
+                "start": 250,
+                "end": 251
             },
             "context": {
                 "type": "variable",
@@ -12095,8 +12311,8 @@
                 "value": "k-color(primary-emphasis)",
                 "scope": "default",
                 "line": {
-                    "start": 228,
-                    "end": 228
+                    "start": 252,
+                    "end": 252
                 }
             },
             "group": [
@@ -37957,7 +38173,7 @@
             "resolvedType": "Null"
         },
         {
-            "description": "The horizontal padding of the Menu icon.\n",
+            "description": "The horizontal padding of the Menu expand arrow icon.\n",
             "commentRange": {
                 "start": 137,
                 "end": 138
@@ -37984,7 +38200,7 @@
             "resolvedType": "Null"
         },
         {
-            "description": "The vertical padding of the Menu icon.\n",
+            "description": "The vertical padding of the Menu expand arrow icon.\n",
             "commentRange": {
                 "start": 140,
                 "end": 141
@@ -82325,7 +82541,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-bubble-border-radius-sm",
-                        "value": "k-border-radius(xs)",
+                        "value": "k-border-radius(sm)",
                         "scope": "default",
                         "line": {
                             "start": 9,
@@ -82340,7 +82556,7 @@
                         "path": "bootstrap/scss/bubble/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-border-radius-xs, 0.125rem)",
+                    "resolvedValue": "var(--kendo-border-radius-sm, 0.25rem)",
                     "resolvedType": "String"
                 },
                 {
@@ -82859,8 +83075,8 @@
                 {
                     "description": "The background color of the hovered alt Bubble.\n",
                     "commentRange": {
-                        "start": 134,
-                        "end": 135
+                        "start": 140,
+                        "end": 141
                     },
                     "context": {
                         "type": "variable",
@@ -82868,8 +83084,8 @@
                         "value": "k-color(primary-hover)",
                         "scope": "default",
                         "line": {
-                            "start": 136,
-                            "end": 136
+                            "start": 142,
+                            "end": 142
                         }
                     },
                     "group": [
@@ -82886,8 +83102,8 @@
                 {
                     "description": "The border color of the hovered alt Bubble.\n",
                     "commentRange": {
-                        "start": 137,
-                        "end": 138
+                        "start": 143,
+                        "end": 144
                     },
                     "context": {
                         "type": "variable",
@@ -82895,8 +83111,8 @@
                         "value": "$kendo-chat-alt-bubble-hover-bg",
                         "scope": "default",
                         "line": {
-                            "start": 139,
-                            "end": 139
+                            "start": 145,
+                            "end": 145
                         }
                     },
                     "group": [
@@ -82913,8 +83129,8 @@
                 {
                     "description": "The background color of the active Bubble.\n",
                     "commentRange": {
-                        "start": 140,
-                        "end": 141
+                        "start": 146,
+                        "end": 147
                     },
                     "context": {
                         "type": "variable",
@@ -82922,8 +83138,8 @@
                         "value": "k-color(primary-active)",
                         "scope": "default",
                         "line": {
-                            "start": 142,
-                            "end": 142
+                            "start": 148,
+                            "end": 148
                         }
                     },
                     "group": [
@@ -82940,8 +83156,8 @@
                 {
                     "description": "The border color of the active alt Bubble.\n",
                     "commentRange": {
-                        "start": 143,
-                        "end": 144
+                        "start": 149,
+                        "end": 150
                     },
                     "context": {
                         "type": "variable",
@@ -82949,8 +83165,8 @@
                         "value": "$kendo-chat-alt-bubble-active-bg",
                         "scope": "default",
                         "line": {
-                            "start": 145,
-                            "end": 145
+                            "start": 151,
+                            "end": 151
                         }
                     },
                     "group": [
@@ -82967,8 +83183,8 @@
                 {
                     "description": "The background color of the focused alt Bubble.\n",
                     "commentRange": {
-                        "start": 146,
-                        "end": 147
+                        "start": 152,
+                        "end": 153
                     },
                     "context": {
                         "type": "variable",
@@ -82976,8 +83192,8 @@
                         "value": "$kendo-chat-alt-bubble-bg",
                         "scope": "default",
                         "line": {
-                            "start": 148,
-                            "end": 148
+                            "start": 154,
+                            "end": 154
                         }
                     },
                     "group": [
@@ -82994,8 +83210,8 @@
                 {
                     "description": "The border color of the focused alt Bubble.\n",
                     "commentRange": {
-                        "start": 149,
-                        "end": 150
+                        "start": 155,
+                        "end": 156
                     },
                     "context": {
                         "type": "variable",
@@ -83003,8 +83219,8 @@
                         "value": "$kendo-chat-alt-bubble-focus-bg",
                         "scope": "default",
                         "line": {
-                            "start": 151,
-                            "end": 151
+                            "start": 157,
+                            "end": 157
                         }
                     },
                     "group": [
@@ -83021,8 +83237,8 @@
                 {
                     "description": "The box shadow of the focused alt Bubble.\n",
                     "commentRange": {
-                        "start": 152,
-                        "end": 153
+                        "start": 158,
+                        "end": 159
                     },
                     "context": {
                         "type": "variable",
@@ -83030,8 +83246,8 @@
                         "value": "0 0 0 2px color-mix(in srgb, k-color(primary) 16%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 154,
-                            "end": 154
+                            "start": 160,
+                            "end": 160
                         }
                     },
                     "group": [
@@ -89948,15 +90164,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": 54,
                         "end": 55
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-chat-message-status-gap",
-                        "value": "k-spacing(1)",
+                        "name": "kendo-chat-status-min-size",
+                        "value": "k-spacing(1.5)",
                         "scope": "default",
                         "line": {
                             "start": 56,
@@ -89971,14 +90187,68 @@
                         "path": "bootstrap/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
+                    "resolvedValue": "var(--kendo-spacing-1\\.5, 0.375rem)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The maximum size of the Chat message status.\n",
+                    "commentRange": {
+                        "start": 57,
+                        "end": 58
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chat-status-max-size",
+                        "value": "k-spacing(8)",
+                        "scope": "default",
+                        "line": {
+                            "start": 59,
+                            "end": 59
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "bootstrap/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-spacing-8, 2rem)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The spacing between the icon and text in the Chat message status.\n",
+                    "commentRange": {
+                        "start": 60,
+                        "end": 61
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chat-message-status-gap",
+                        "value": "k-spacing(1)",
+                        "scope": "default",
+                        "line": {
+                            "start": 62,
+                            "end": 62
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "bootstrap/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": 58,
-                        "end": 59
+                        "start": 64,
+                        "end": 65
                     },
                     "context": {
                         "type": "variable",
@@ -89986,8 +90256,8 @@
                         "value": "var( --kendo-font-size-xs, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 60,
-                            "end": 60
+                            "start": 66,
+                            "end": 66
                         }
                     },
                     "group": [
@@ -90004,8 +90274,8 @@
                 {
                     "description": "The line height of the Chat timestamp.\n",
                     "commentRange": {
-                        "start": 61,
-                        "end": 62
+                        "start": 67,
+                        "end": 68
                     },
                     "context": {
                         "type": "variable",
@@ -90013,8 +90283,8 @@
                         "value": "var( --kendo-line-height, normal )",
                         "scope": "default",
                         "line": {
-                            "start": 63,
-                            "end": 63
+                            "start": 69,
+                            "end": 69
                         }
                     },
                     "group": [
@@ -90031,8 +90301,8 @@
                 {
                     "description": "The text transform of the Chat timestamp.\n",
                     "commentRange": {
-                        "start": 64,
-                        "end": 65
+                        "start": 70,
+                        "end": 71
                     },
                     "context": {
                         "type": "variable",
@@ -90040,8 +90310,8 @@
                         "value": "none",
                         "scope": "default",
                         "line": {
-                            "start": 66,
-                            "end": 66
+                            "start": 72,
+                            "end": 72
                         }
                     },
                     "group": [
@@ -90058,8 +90328,8 @@
                 {
                     "description": "The text color of the Chat timestamp.\n",
                     "commentRange": {
-                        "start": 67,
-                        "end": 68
+                        "start": 73,
+                        "end": 74
                     },
                     "context": {
                         "type": "variable",
@@ -90067,8 +90337,8 @@
                         "value": "k-color(subtle)",
                         "scope": "default",
                         "line": {
-                            "start": 69,
-                            "end": 69
+                            "start": 75,
+                            "end": 75
                         }
                     },
                     "group": [
@@ -90085,8 +90355,8 @@
                 {
                     "description": "The background color of the Chat timestamp.\n",
                     "commentRange": {
-                        "start": 70,
-                        "end": 71
+                        "start": 76,
+                        "end": 77
                     },
                     "context": {
                         "type": "variable",
@@ -90094,8 +90364,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 72,
-                            "end": 72
+                            "start": 78,
+                            "end": 78
                         }
                     },
                     "group": [
@@ -90112,8 +90382,8 @@
                 {
                     "description": "The background color of the Chat timestamp separator.\n",
                     "commentRange": {
-                        "start": 73,
-                        "end": 74
+                        "start": 79,
+                        "end": 80
                     },
                     "context": {
                         "type": "variable",
@@ -90121,8 +90391,8 @@
                         "value": "k-color(border)",
                         "scope": "default",
                         "line": {
-                            "start": 75,
-                            "end": 75
+                            "start": 81,
+                            "end": 81
                         }
                     },
                     "group": [
@@ -90139,8 +90409,8 @@
                 {
                     "description": "The spacing between the Chat timestamp and its separator.\n",
                     "commentRange": {
-                        "start": 76,
-                        "end": 77
+                        "start": 82,
+                        "end": 83
                     },
                     "context": {
                         "type": "variable",
@@ -90148,8 +90418,8 @@
                         "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 78,
-                            "end": 78
+                            "start": 84,
+                            "end": 84
                         }
                     },
                     "group": [
@@ -90166,8 +90436,8 @@
                 {
                     "description": "The font size of the Chat message meta text.\n",
                     "commentRange": {
-                        "start": 80,
-                        "end": 81
+                        "start": 86,
+                        "end": 87
                     },
                     "context": {
                         "type": "variable",
@@ -90175,8 +90445,8 @@
                         "value": "var( --kendo-font-size-sm, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 82,
-                            "end": 82
+                            "start": 88,
+                            "end": 88
                         }
                     },
                     "group": [
@@ -90193,8 +90463,8 @@
                 {
                     "description": "The line height of the Chat message meta text.\n",
                     "commentRange": {
-                        "start": 83,
-                        "end": 84
+                        "start": 89,
+                        "end": 90
                     },
                     "context": {
                         "type": "variable",
@@ -90202,8 +90472,8 @@
                         "value": "var( --kendo-line-height-xs, normal )",
                         "scope": "default",
                         "line": {
-                            "start": 85,
-                            "end": 85
+                            "start": 91,
+                            "end": 91
                         }
                     },
                     "group": [
@@ -90220,8 +90490,8 @@
                 {
                     "description": "The font size of the Chat author text.\n",
                     "commentRange": {
-                        "start": 87,
-                        "end": 88
+                        "start": 93,
+                        "end": 94
                     },
                     "context": {
                         "type": "variable",
@@ -90229,8 +90499,8 @@
                         "value": "var( --kendo-font-size-sm, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 89,
-                            "end": 89
+                            "start": 95,
+                            "end": 95
                         }
                     },
                     "group": [
@@ -90247,8 +90517,8 @@
                 {
                     "description": "The line height of the Chat author text.\n",
                     "commentRange": {
-                        "start": 90,
-                        "end": 91
+                        "start": 96,
+                        "end": 97
                     },
                     "context": {
                         "type": "variable",
@@ -90256,8 +90526,8 @@
                         "value": "var( --kendo-line-height-xs, normal )",
                         "scope": "default",
                         "line": {
-                            "start": 92,
-                            "end": 92
+                            "start": 98,
+                            "end": 98
                         }
                     },
                     "group": [
@@ -90274,8 +90544,8 @@
                 {
                     "description": "The text color of the Chat status.\n",
                     "commentRange": {
-                        "start": 94,
-                        "end": 95
+                        "start": 100,
+                        "end": 101
                     },
                     "context": {
                         "type": "variable",
@@ -90283,8 +90553,8 @@
                         "value": "k-color(subtle)",
                         "scope": "default",
                         "line": {
-                            "start": 96,
-                            "end": 96
+                            "start": 102,
+                            "end": 102
                         }
                     },
                     "group": [
@@ -90301,8 +90571,8 @@
                 {
                     "description": "The spacing of the Chat bubble message.\n",
                     "commentRange": {
-                        "start": 98,
-                        "end": 99
+                        "start": 104,
+                        "end": 105
                     },
                     "context": {
                         "type": "variable",
@@ -90310,8 +90580,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 100,
-                            "end": 100
+                            "start": 106,
+                            "end": 106
                         }
                     },
                     "group": [
@@ -90328,8 +90598,8 @@
                 {
                     "description": "The background color of the Chat Toolbar.\n",
                     "commentRange": {
-                        "start": 102,
-                        "end": 103
+                        "start": 108,
+                        "end": 109
                     },
                     "context": {
                         "type": "variable",
@@ -90337,8 +90607,8 @@
                         "value": "$kendo-toolbar-bg",
                         "scope": "default",
                         "line": {
-                            "start": 104,
-                            "end": 104
+                            "start": 110,
+                            "end": 110
                         }
                     },
                     "group": [
@@ -90355,8 +90625,8 @@
                 {
                     "description": "The text color of the Chat Toolbar.\n",
                     "commentRange": {
-                        "start": 105,
-                        "end": 106
+                        "start": 111,
+                        "end": 112
                     },
                     "context": {
                         "type": "variable",
@@ -90364,8 +90634,8 @@
                         "value": "$kendo-toolbar-text",
                         "scope": "default",
                         "line": {
-                            "start": 107,
-                            "end": 107
+                            "start": 113,
+                            "end": 113
                         }
                     },
                     "group": [
@@ -90382,8 +90652,8 @@
                 {
                     "description": "The border color of the Chat Toolbar.\n",
                     "commentRange": {
-                        "start": 108,
-                        "end": 109
+                        "start": 114,
+                        "end": 115
                     },
                     "context": {
                         "type": "variable",
@@ -90391,8 +90661,8 @@
                         "value": "inherit",
                         "scope": "default",
                         "line": {
-                            "start": 110,
-                            "end": 110
+                            "start": 116,
+                            "end": 116
                         }
                     },
                     "group": [
@@ -90409,8 +90679,8 @@
                 {
                     "description": "The background color of the Chat.\n",
                     "commentRange": {
-                        "start": 112,
-                        "end": 113
+                        "start": 118,
+                        "end": 119
                     },
                     "context": {
                         "type": "variable",
@@ -90418,8 +90688,8 @@
                         "value": "k-color(surface)",
                         "scope": "default",
                         "line": {
-                            "start": 114,
-                            "end": 114
+                            "start": 120,
+                            "end": 120
                         }
                     },
                     "group": [
@@ -90436,8 +90706,8 @@
                 {
                     "description": "The text color of the Chat.\n",
                     "commentRange": {
-                        "start": 115,
-                        "end": 116
+                        "start": 121,
+                        "end": 122
                     },
                     "context": {
                         "type": "variable",
@@ -90445,8 +90715,8 @@
                         "value": "k-color(on-app-surface)",
                         "scope": "default",
                         "line": {
-                            "start": 117,
-                            "end": 117
+                            "start": 123,
+                            "end": 123
                         }
                     },
                     "group": [
@@ -90463,8 +90733,8 @@
                 {
                     "description": "The border color of the Chat.\n",
                     "commentRange": {
-                        "start": 118,
-                        "end": 119
+                        "start": 124,
+                        "end": 125
                     },
                     "context": {
                         "type": "variable",
@@ -90472,8 +90742,8 @@
                         "value": "k-color(border)",
                         "scope": "default",
                         "line": {
-                            "start": 120,
-                            "end": 120
+                            "start": 126,
+                            "end": 126
                         }
                     },
                     "group": [
@@ -90490,8 +90760,8 @@
                 {
                     "description": "The background color of the Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 122,
-                        "end": 123
+                        "start": 128,
+                        "end": 129
                     },
                     "context": {
                         "type": "variable",
@@ -90499,8 +90769,8 @@
                         "value": "k-color(primary)",
                         "scope": "default",
                         "line": {
-                            "start": 124,
-                            "end": 124
+                            "start": 130,
+                            "end": 130
                         }
                     },
                     "group": [
@@ -90517,8 +90787,8 @@
                 {
                     "description": "The text color of the Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 125,
-                        "end": 126
+                        "start": 131,
+                        "end": 132
                     },
                     "context": {
                         "type": "variable",
@@ -90526,8 +90796,8 @@
                         "value": "k-color(on-primary)",
                         "scope": "default",
                         "line": {
-                            "start": 127,
-                            "end": 127
+                            "start": 133,
+                            "end": 133
                         }
                     },
                     "group": [
@@ -90544,8 +90814,8 @@
                 {
                     "description": "The border color of the Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 128,
-                        "end": 129
+                        "start": 134,
+                        "end": 135
                     },
                     "context": {
                         "type": "variable",
@@ -90553,8 +90823,8 @@
                         "value": "$kendo-chat-alt-bubble-bg",
                         "scope": "default",
                         "line": {
-                            "start": 130,
-                            "end": 130
+                            "start": 136,
+                            "end": 136
                         }
                     },
                     "group": [
@@ -90571,8 +90841,8 @@
                 {
                     "description": "The shadow of the Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 131,
-                        "end": 132
+                        "start": 137,
+                        "end": 138
                     },
                     "context": {
                         "type": "variable",
@@ -90580,8 +90850,8 @@
                         "value": "none",
                         "scope": "default",
                         "line": {
-                            "start": 133,
-                            "end": 133
+                            "start": 139,
+                            "end": 139
                         }
                     },
                     "group": [
@@ -90598,8 +90868,8 @@
                 {
                     "description": "The color of the typing indicator dots.\n",
                     "commentRange": {
-                        "start": 156,
-                        "end": 157
+                        "start": 162,
+                        "end": 163
                     },
                     "context": {
                         "type": "variable",
@@ -90607,8 +90877,8 @@
                         "value": "k-color(base-on-subtle)",
                         "scope": "default",
                         "line": {
-                            "start": 158,
-                            "end": 158
+                            "start": 164,
+                            "end": 164
                         }
                     },
                     "group": [
@@ -90623,19 +90893,46 @@
                     "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": "96px",
                         "scope": "default",
                         "line": {
-                            "start": 162,
-                            "end": 162
+                            "start": 168,
+                            "end": 168
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "bootstrap/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "96px",
+                    "resolvedType": "Number"
+                },
+                {
+                    "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": "160px",
+                        "scope": "default",
+                        "line": {
+                            "start": 171,
+                            "end": 171
                         }
                     },
                     "group": [
@@ -90646,23 +90943,131 @@
                         "path": "bootstrap/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "240px",
+                    "resolvedValue": "160px",
                     "resolvedType": "Number"
                 },
+                {
+                    "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-font-size-sm, inherit )",
+                        "scope": "default",
+                        "line": {
+                            "start": 174,
+                            "end": 174
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "bootstrap/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "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-line-height-sm, normal )",
+                        "scope": "default",
+                        "line": {
+                            "start": 177,
+                            "end": 177
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "bootstrap/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-line-height-sm, 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-font-size-xs, inherit )",
+                        "scope": "default",
+                        "line": {
+                            "start": 180,
+                            "end": 180
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "bootstrap/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "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-line-height-xs, normal )",
+                        "scope": "default",
+                        "line": {
+                            "start": 183,
+                            "end": 183
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "bootstrap/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "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": [
@@ -90673,23 +91078,23 @@
                         "path": "bootstrap/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": [
@@ -90700,14 +91105,14 @@
                         "path": "bootstrap/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",
@@ -90715,8 +91120,8 @@
                         "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 171,
-                            "end": 171
+                            "start": 192,
+                            "end": 192
                         }
                     },
                     "group": [
@@ -90733,8 +91138,8 @@
                 {
                     "description": "The border width of the Chat file.\n",
                     "commentRange": {
-                        "start": 173,
-                        "end": 174
+                        "start": 194,
+                        "end": 195
                     },
                     "context": {
                         "type": "variable",
@@ -90742,8 +91147,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 175,
-                            "end": 175
+                            "start": 196,
+                            "end": 196
                         }
                     },
                     "group": [
@@ -90760,8 +91165,8 @@
                 {
                     "description": "The border style of the Chat file.\n",
                     "commentRange": {
-                        "start": 176,
-                        "end": 177
+                        "start": 197,
+                        "end": 198
                     },
                     "context": {
                         "type": "variable",
@@ -90769,8 +91174,8 @@
                         "value": "solid",
                         "scope": "default",
                         "line": {
-                            "start": 178,
-                            "end": 178
+                            "start": 199,
+                            "end": 199
                         }
                     },
                     "group": [
@@ -90787,17 +91192,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": [
@@ -90808,14 +91213,14 @@
                         "path": "bootstrap/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-base-subtle, #e9ecef)",
+                    "resolvedValue": "color-mix(in srgb, var(--kendo-color-base-on-subtle, #212529) 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",
@@ -90823,8 +91228,8 @@
                         "value": "k-color(base-on-subtle)",
                         "scope": "default",
                         "line": {
-                            "start": 185,
-                            "end": 185
+                            "start": 206,
+                            "end": 206
                         }
                     },
                     "group": [
@@ -90841,8 +91246,8 @@
                 {
                     "description": "The border color of the Chat file.\n",
                     "commentRange": {
-                        "start": 186,
-                        "end": 187
+                        "start": 207,
+                        "end": 208
                     },
                     "context": {
                         "type": "variable",
@@ -90850,8 +91255,8 @@
                         "value": "$kendo-chat-file-bg",
                         "scope": "default",
                         "line": {
-                            "start": 188,
-                            "end": 188
+                            "start": 209,
+                            "end": 209
                         }
                     },
                     "group": [
@@ -90862,14 +91267,14 @@
                         "path": "bootstrap/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-base-subtle, #e9ecef)",
+                    "resolvedValue": "color-mix(in srgb, var(--kendo-color-base-on-subtle, #212529) 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",
@@ -90877,8 +91282,8 @@
                         "value": "k-border-radius(md)",
                         "scope": "default",
                         "line": {
-                            "start": 191,
-                            "end": 191
+                            "start": 212,
+                            "end": 212
                         }
                     },
                     "group": [
@@ -90893,19 +91298,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": [
@@ -90916,23 +91321,23 @@
                         "path": "bootstrap/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": [
@@ -90943,14 +91348,41 @@
                         "path": "bootstrap/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": "bootstrap/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",
@@ -90958,8 +91390,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 202,
-                            "end": 202
+                            "start": 226,
+                            "end": 226
                         }
                     },
                     "group": [
@@ -90976,8 +91408,8 @@
                 {
                     "description": "The border style of the Chat pinned message;\n",
                     "commentRange": {
-                        "start": 203,
-                        "end": 204
+                        "start": 227,
+                        "end": 228
                     },
                     "context": {
                         "type": "variable",
@@ -90985,8 +91417,8 @@
                         "value": "solid",
                         "scope": "default",
                         "line": {
-                            "start": 205,
-                            "end": 205
+                            "start": 229,
+                            "end": 229
                         }
                     },
                     "group": [
@@ -91003,8 +91435,8 @@
                 {
                     "description": "The border color of the Chat pinned message;\n",
                     "commentRange": {
-                        "start": 206,
-                        "end": 207
+                        "start": 230,
+                        "end": 231
                     },
                     "context": {
                         "type": "variable",
@@ -91012,8 +91444,8 @@
                         "value": "k-color(border)",
                         "scope": "default",
                         "line": {
-                            "start": 208,
-                            "end": 208
+                            "start": 232,
+                            "end": 232
                         }
                     },
                     "group": [
@@ -91030,8 +91462,8 @@
                 {
                     "description": "The horizontal padding of the Chat message reference.\n",
                     "commentRange": {
-                        "start": 210,
-                        "end": 211
+                        "start": 234,
+                        "end": 235
                     },
                     "context": {
                         "type": "variable",
@@ -91039,8 +91471,8 @@
                         "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 212,
-                            "end": 212
+                            "start": 236,
+                            "end": 236
                         }
                     },
                     "group": [
@@ -91057,8 +91489,8 @@
                 {
                     "description": "The vertical padding of the Chat message reference.\n",
                     "commentRange": {
-                        "start": 213,
-                        "end": 214
+                        "start": 237,
+                        "end": 238
                     },
                     "context": {
                         "type": "variable",
@@ -91066,8 +91498,8 @@
                         "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 215,
-                            "end": 215
+                            "start": 239,
+                            "end": 239
                         }
                     },
                     "group": [
@@ -91084,8 +91516,8 @@
                 {
                     "description": "The background color of the Chat message reference.\n",
                     "commentRange": {
-                        "start": 217,
-                        "end": 218
+                        "start": 241,
+                        "end": 242
                     },
                     "context": {
                         "type": "variable",
@@ -91093,8 +91525,8 @@
                         "value": "k-color(surface)",
                         "scope": "default",
                         "line": {
-                            "start": 219,
-                            "end": 219
+                            "start": 243,
+                            "end": 243
                         }
                     },
                     "group": [
@@ -91111,8 +91543,8 @@
                 {
                     "description": "The text color of the Chat message reference.\n",
                     "commentRange": {
-                        "start": 220,
-                        "end": 221
+                        "start": 244,
+                        "end": 245
                     },
                     "context": {
                         "type": "variable",
@@ -91120,8 +91552,8 @@
                         "value": "k-color(on-app-surface)",
                         "scope": "default",
                         "line": {
-                            "start": 222,
-                            "end": 222
+                            "start": 246,
+                            "end": 246
                         }
                     },
                     "group": [
@@ -91138,8 +91570,8 @@
                 {
                     "description": "The background color of the message reference marker.\n",
                     "commentRange": {
-                        "start": 223,
-                        "end": 224
+                        "start": 247,
+                        "end": 248
                     },
                     "context": {
                         "type": "variable",
@@ -91147,8 +91579,8 @@
                         "value": "k-color(base-emphasis)",
                         "scope": "default",
                         "line": {
-                            "start": 225,
-                            "end": 225
+                            "start": 249,
+                            "end": 249
                         }
                     },
                     "group": [
@@ -91165,8 +91597,8 @@
                 {
                     "description": "The background color of the message reference alt marker.\n",
                     "commentRange": {
-                        "start": 226,
-                        "end": 227
+                        "start": 250,
+                        "end": 251
                     },
                     "context": {
                         "type": "variable",
@@ -91174,8 +91606,8 @@
                         "value": "k-color(primary-emphasis)",
                         "scope": "default",
                         "line": {
-                            "start": 228,
-                            "end": 228
+                            "start": 252,
+                            "end": 252
                         }
                     },
                     "group": [
@@ -117452,7 +117884,7 @@
                     "resolvedType": "Null"
                 },
                 {
-                    "description": "The horizontal padding of the Menu icon.\n",
+                    "description": "The horizontal padding of the Menu expand arrow icon.\n",
                     "commentRange": {
                         "start": 137,
                         "end": 138
@@ -117479,7 +117911,7 @@
                     "resolvedType": "Null"
                 },
                 {
-                    "description": "The vertical padding of the Menu icon.\n",
+                    "description": "The vertical padding of the Menu expand arrow icon.\n",
                     "commentRange": {
                         "start": 140,
                         "end": 141