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

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": "material/scss/bubble/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-border-radius-xs, 1px)",
+            "resolvedValue": "var(--kendo-border-radius-sm, 0.125rem)",
             "resolvedType": "String"
         },
         {
@@ -3822,8 +3822,8 @@
         {
             "description": "The background color of the hovered alt Bubble.\n",
             "commentRange": {
-                "start": 136,
-                "end": 137
+                "start": 142,
+                "end": 143
             },
             "context": {
                 "type": "variable",
@@ -3831,8 +3831,8 @@
                 "value": "k-color(primary-hover)",
                 "scope": "default",
                 "line": {
-                    "start": 138,
-                    "end": 138
+                    "start": 144,
+                    "end": 144
                 }
             },
             "group": [
@@ -3849,8 +3849,8 @@
         {
             "description": "The border color of the hovered alt Bubble.\n",
             "commentRange": {
-                "start": 139,
-                "end": 140
+                "start": 145,
+                "end": 146
             },
             "context": {
                 "type": "variable",
@@ -3858,8 +3858,8 @@
                 "value": "$kendo-chat-alt-bubble-hover-bg",
                 "scope": "default",
                 "line": {
-                    "start": 141,
-                    "end": 141
+                    "start": 147,
+                    "end": 147
                 }
             },
             "group": [
@@ -3876,8 +3876,8 @@
         {
             "description": "The background color of the active Bubble.\n",
             "commentRange": {
-                "start": 142,
-                "end": 143
+                "start": 148,
+                "end": 149
             },
             "context": {
                 "type": "variable",
@@ -3885,8 +3885,8 @@
                 "value": "k-color(primary-active)",
                 "scope": "default",
                 "line": {
-                    "start": 144,
-                    "end": 144
+                    "start": 150,
+                    "end": 150
                 }
             },
             "group": [
@@ -3903,8 +3903,8 @@
         {
             "description": "The border color of the active alt Bubble.\n",
             "commentRange": {
-                "start": 145,
-                "end": 146
+                "start": 151,
+                "end": 152
             },
             "context": {
                 "type": "variable",
@@ -3912,8 +3912,8 @@
                 "value": "$kendo-chat-alt-bubble-active-bg",
                 "scope": "default",
                 "line": {
-                    "start": 147,
-                    "end": 147
+                    "start": 153,
+                    "end": 153
                 }
             },
             "group": [
@@ -3930,8 +3930,8 @@
         {
             "description": "The background color of the focused alt Bubble.\n",
             "commentRange": {
-                "start": 148,
-                "end": 149
+                "start": 154,
+                "end": 155
             },
             "context": {
                 "type": "variable",
@@ -3939,8 +3939,8 @@
                 "value": "$kendo-chat-alt-bubble-bg",
                 "scope": "default",
                 "line": {
-                    "start": 150,
-                    "end": 150
+                    "start": 156,
+                    "end": 156
                 }
             },
             "group": [
@@ -3957,8 +3957,8 @@
         {
             "description": "The border color of the focused alt Bubble.\n",
             "commentRange": {
-                "start": 151,
-                "end": 152
+                "start": 157,
+                "end": 158
             },
             "context": {
                 "type": "variable",
@@ -3966,8 +3966,8 @@
                 "value": "$kendo-chat-alt-bubble-focus-bg",
                 "scope": "default",
                 "line": {
-                    "start": 153,
-                    "end": 153
+                    "start": 159,
+                    "end": 159
                 }
             },
             "group": [
@@ -3984,8 +3984,8 @@
         {
             "description": "The box shadow of the focused alt Bubble.\n",
             "commentRange": {
-                "start": 154,
-                "end": 155
+                "start": 160,
+                "end": 161
             },
             "context": {
                 "type": "variable",
@@ -3993,8 +3993,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 156,
-                    "end": 156
+                    "start": 162,
+                    "end": 162
                 }
             },
             "group": [
@@ -10950,15 +10950,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": 55,
                 "end": 56
             },
             "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": 57,
@@ -10973,14 +10973,68 @@
                 "path": "material/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": 58,
+                "end": 59
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chat-status-max-size",
+                "value": "k-spacing(8)",
+                "scope": "default",
+                "line": {
+                    "start": 60,
+                    "end": 60
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "material/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": 61,
+                "end": 62
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chat-message-status-gap",
+                "value": "k-spacing(1)",
+                "scope": "default",
+                "line": {
+                    "start": 63,
+                    "end": 63
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "material/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": 59,
-                "end": 60
+                "start": 65,
+                "end": 66
             },
             "context": {
                 "type": "variable",
@@ -10988,8 +11042,8 @@
                 "value": "var( --kendo-font-size-sm, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 61,
-                    "end": 61
+                    "start": 67,
+                    "end": 67
                 }
             },
             "group": [
@@ -11006,8 +11060,8 @@
         {
             "description": "The line height of the Chat timestamp.\n",
             "commentRange": {
-                "start": 62,
-                "end": 63
+                "start": 68,
+                "end": 69
             },
             "context": {
                 "type": "variable",
@@ -11015,8 +11069,8 @@
                 "value": "var( --kendo-line-height-lg, normal )",
                 "scope": "default",
                 "line": {
-                    "start": 64,
-                    "end": 64
+                    "start": 70,
+                    "end": 70
                 }
             },
             "group": [
@@ -11033,8 +11087,8 @@
         {
             "description": "The text transform of the Chat timestamp.\n",
             "commentRange": {
-                "start": 65,
-                "end": 66
+                "start": 71,
+                "end": 72
             },
             "context": {
                 "type": "variable",
@@ -11042,8 +11096,8 @@
                 "value": "none",
                 "scope": "default",
                 "line": {
-                    "start": 67,
-                    "end": 67
+                    "start": 73,
+                    "end": 73
                 }
             },
             "group": [
@@ -11060,8 +11114,8 @@
         {
             "description": "The text color of the Chat timestamp.\n",
             "commentRange": {
-                "start": 68,
-                "end": 69
+                "start": 74,
+                "end": 75
             },
             "context": {
                 "type": "variable",
@@ -11069,8 +11123,8 @@
                 "value": "k-color(subtle)",
                 "scope": "default",
                 "line": {
-                    "start": 70,
-                    "end": 70
+                    "start": 76,
+                    "end": 76
                 }
             },
             "group": [
@@ -11087,8 +11141,8 @@
         {
             "description": "The background color of the Chat timestamp.\n",
             "commentRange": {
-                "start": 71,
-                "end": 72
+                "start": 77,
+                "end": 78
             },
             "context": {
                 "type": "variable",
@@ -11096,8 +11150,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 73,
-                    "end": 73
+                    "start": 79,
+                    "end": 79
                 }
             },
             "group": [
@@ -11114,8 +11168,8 @@
         {
             "description": "The background color of the Chat timestamp separator.\n",
             "commentRange": {
-                "start": 74,
-                "end": 75
+                "start": 80,
+                "end": 81
             },
             "context": {
                 "type": "variable",
@@ -11123,8 +11177,8 @@
                 "value": "k-color(border)",
                 "scope": "default",
                 "line": {
-                    "start": 76,
-                    "end": 76
+                    "start": 82,
+                    "end": 82
                 }
             },
             "group": [
@@ -11141,8 +11195,8 @@
         {
             "description": "The spacing between the Chat timestamp and its separator.\n",
             "commentRange": {
-                "start": 77,
-                "end": 78
+                "start": 83,
+                "end": 84
             },
             "context": {
                 "type": "variable",
@@ -11150,8 +11204,8 @@
                 "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 79,
-                    "end": 79
+                    "start": 85,
+                    "end": 85
                 }
             },
             "group": [
@@ -11168,8 +11222,8 @@
         {
             "description": "The font size of the Chat message meta text.\n",
             "commentRange": {
-                "start": 82,
-                "end": 83
+                "start": 88,
+                "end": 89
             },
             "context": {
                 "type": "variable",
@@ -11177,8 +11231,8 @@
                 "value": "var( --kendo-font-size-sm, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 84,
-                    "end": 84
+                    "start": 90,
+                    "end": 90
                 }
             },
             "group": [
@@ -11195,8 +11249,8 @@
         {
             "description": "The line height of the Chat message meta text.\n",
             "commentRange": {
-                "start": 85,
-                "end": 86
+                "start": 91,
+                "end": 92
             },
             "context": {
                 "type": "variable",
@@ -11204,8 +11258,8 @@
                 "value": "var( --kendo-line-height-lg, normal )",
                 "scope": "default",
                 "line": {
-                    "start": 87,
-                    "end": 87
+                    "start": 93,
+                    "end": 93
                 }
             },
             "group": [
@@ -11222,8 +11276,8 @@
         {
             "description": "The font size of the Chat author text.\n",
             "commentRange": {
-                "start": 89,
-                "end": 90
+                "start": 95,
+                "end": 96
             },
             "context": {
                 "type": "variable",
@@ -11231,8 +11285,8 @@
                 "value": "var( --kendo-font-size-sm, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 91,
-                    "end": 91
+                    "start": 97,
+                    "end": 97
                 }
             },
             "group": [
@@ -11249,8 +11303,8 @@
         {
             "description": "The line height of the Chat author text.\n",
             "commentRange": {
-                "start": 92,
-                "end": 93
+                "start": 98,
+                "end": 99
             },
             "context": {
                 "type": "variable",
@@ -11258,8 +11312,8 @@
                 "value": "var( --kendo-line-height-xs, normal )",
                 "scope": "default",
                 "line": {
-                    "start": 94,
-                    "end": 94
+                    "start": 100,
+                    "end": 100
                 }
             },
             "group": [
@@ -11276,8 +11330,8 @@
         {
             "description": "The text color of the Chat status.\n",
             "commentRange": {
-                "start": 96,
-                "end": 97
+                "start": 102,
+                "end": 103
             },
             "context": {
                 "type": "variable",
@@ -11285,8 +11339,8 @@
                 "value": "k-color(subtle)",
                 "scope": "default",
                 "line": {
-                    "start": 98,
-                    "end": 98
+                    "start": 104,
+                    "end": 104
                 }
             },
             "group": [
@@ -11303,8 +11357,8 @@
         {
             "description": "The spacing of the Chat bubble message.\n",
             "commentRange": {
-                "start": 100,
-                "end": 101
+                "start": 106,
+                "end": 107
             },
             "context": {
                 "type": "variable",
@@ -11312,8 +11366,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 102,
-                    "end": 102
+                    "start": 108,
+                    "end": 108
                 }
             },
             "group": [
@@ -11330,8 +11384,8 @@
         {
             "description": "The background color of the Chat Toolbar.\n",
             "commentRange": {
-                "start": 104,
-                "end": 105
+                "start": 110,
+                "end": 111
             },
             "context": {
                 "type": "variable",
@@ -11339,8 +11393,8 @@
                 "value": "$kendo-toolbar-bg",
                 "scope": "default",
                 "line": {
-                    "start": 106,
-                    "end": 106
+                    "start": 112,
+                    "end": 112
                 }
             },
             "group": [
@@ -11357,8 +11411,8 @@
         {
             "description": "The text color of the Chat Toolbar.\n",
             "commentRange": {
-                "start": 107,
-                "end": 108
+                "start": 113,
+                "end": 114
             },
             "context": {
                 "type": "variable",
@@ -11366,8 +11420,8 @@
                 "value": "$kendo-toolbar-text",
                 "scope": "default",
                 "line": {
-                    "start": 109,
-                    "end": 109
+                    "start": 115,
+                    "end": 115
                 }
             },
             "group": [
@@ -11384,8 +11438,8 @@
         {
             "description": "The border color of the Chat Toolbar.\n",
             "commentRange": {
-                "start": 110,
-                "end": 111
+                "start": 116,
+                "end": 117
             },
             "context": {
                 "type": "variable",
@@ -11393,8 +11447,8 @@
                 "value": "inherit",
                 "scope": "default",
                 "line": {
-                    "start": 112,
-                    "end": 112
+                    "start": 118,
+                    "end": 118
                 }
             },
             "group": [
@@ -11411,8 +11465,8 @@
         {
             "description": "The background color of the Chat.\n",
             "commentRange": {
-                "start": 114,
-                "end": 115
+                "start": 120,
+                "end": 121
             },
             "context": {
                 "type": "variable",
@@ -11420,8 +11474,8 @@
                 "value": "k-color(surface)",
                 "scope": "default",
                 "line": {
-                    "start": 116,
-                    "end": 116
+                    "start": 122,
+                    "end": 122
                 }
             },
             "group": [
@@ -11438,8 +11492,8 @@
         {
             "description": "The text color of the Chat.\n",
             "commentRange": {
-                "start": 117,
-                "end": 118
+                "start": 123,
+                "end": 124
             },
             "context": {
                 "type": "variable",
@@ -11447,8 +11501,8 @@
                 "value": "k-color(on-app-surface)",
                 "scope": "default",
                 "line": {
-                    "start": 119,
-                    "end": 119
+                    "start": 125,
+                    "end": 125
                 }
             },
             "group": [
@@ -11465,8 +11519,8 @@
         {
             "description": "The border color of the Chat.\n",
             "commentRange": {
-                "start": 120,
-                "end": 121
+                "start": 126,
+                "end": 127
             },
             "context": {
                 "type": "variable",
@@ -11474,8 +11528,8 @@
                 "value": "k-color(border)",
                 "scope": "default",
                 "line": {
-                    "start": 122,
-                    "end": 122
+                    "start": 128,
+                    "end": 128
                 }
             },
             "group": [
@@ -11492,8 +11546,8 @@
         {
             "description": "The background color of the Chat alt bubble.\n",
             "commentRange": {
-                "start": 124,
-                "end": 125
+                "start": 130,
+                "end": 131
             },
             "context": {
                 "type": "variable",
@@ -11501,8 +11555,8 @@
                 "value": "k-color(primary)",
                 "scope": "default",
                 "line": {
-                    "start": 126,
-                    "end": 126
+                    "start": 132,
+                    "end": 132
                 }
             },
             "group": [
@@ -11519,8 +11573,8 @@
         {
             "description": "The text color of the Chat alt bubble.\n",
             "commentRange": {
-                "start": 127,
-                "end": 128
+                "start": 133,
+                "end": 134
             },
             "context": {
                 "type": "variable",
@@ -11528,8 +11582,8 @@
                 "value": "k-color(on-primary)",
                 "scope": "default",
                 "line": {
-                    "start": 129,
-                    "end": 129
+                    "start": 135,
+                    "end": 135
                 }
             },
             "group": [
@@ -11546,8 +11600,8 @@
         {
             "description": "The border color of the Chat alt bubble.\n",
             "commentRange": {
-                "start": 130,
-                "end": 131
+                "start": 136,
+                "end": 137
             },
             "context": {
                 "type": "variable",
@@ -11555,8 +11609,8 @@
                 "value": "$kendo-chat-alt-bubble-bg",
                 "scope": "default",
                 "line": {
-                    "start": 132,
-                    "end": 132
+                    "start": 138,
+                    "end": 138
                 }
             },
             "group": [
@@ -11573,8 +11627,8 @@
         {
             "description": "The shadow of the Chat alt bubble.\n",
             "commentRange": {
-                "start": 133,
-                "end": 134
+                "start": 139,
+                "end": 140
             },
             "context": {
                 "type": "variable",
@@ -11582,8 +11636,8 @@
                 "value": "none",
                 "scope": "default",
                 "line": {
-                    "start": 135,
-                    "end": 135
+                    "start": 141,
+                    "end": 141
                 }
             },
             "group": [
@@ -11600,8 +11654,8 @@
         {
             "description": "The color of the typing indicator dots.\n",
             "commentRange": {
-                "start": 158,
-                "end": 159
+                "start": 164,
+                "end": 165
             },
             "context": {
                 "type": "variable",
@@ -11609,8 +11663,8 @@
                 "value": "k-color(base-on-subtle)",
                 "scope": "default",
                 "line": {
-                    "start": 160,
-                    "end": 160
+                    "start": 166,
+                    "end": 166
                 }
             },
             "group": [
@@ -11625,19 +11679,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": 162,
-                "end": 163
+                "start": 168,
+                "end": 169
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-chat-file-width",
-                "value": "240px",
+                "name": "kendo-chat-file-min-width",
+                "value": "96px",
                 "scope": "default",
                 "line": {
-                    "start": 164,
-                    "end": 164
+                    "start": 170,
+                    "end": 170
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "material/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": 171,
+                "end": 172
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chat-file-max-width",
+                "value": "160px",
+                "scope": "default",
+                "line": {
+                    "start": 173,
+                    "end": 173
                 }
             },
             "group": [
@@ -11648,23 +11729,131 @@
                 "path": "material/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": 174,
+                "end": 175
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chat-file-name-font-size",
+                "value": "var( --kendo-font-size-sm, inherit )",
+                "scope": "default",
+                "line": {
+                    "start": 176,
+                    "end": 176
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "material/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": 177,
+                "end": 178
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chat-file-name-line-height",
+                "value": "var( --kendo-line-height-sm, normal )",
+                "scope": "default",
+                "line": {
+                    "start": 179,
+                    "end": 179
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "material/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": 180,
+                "end": 181
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chat-file-size-font-size",
+                "value": "var( --kendo-font-size-xs, inherit )",
+                "scope": "default",
+                "line": {
+                    "start": 182,
+                    "end": 182
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "material/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": 183,
+                "end": 184
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chat-file-size-line-height",
+                "value": "var( --kendo-line-height-xs, normal )",
+                "scope": "default",
+                "line": {
+                    "start": 185,
+                    "end": 185
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "material/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": 165,
-                "end": 166
+                "start": 186,
+                "end": 187
             },
             "context": {
                 "type": "variable",
                 "name": "kendo-chat-file-padding-x",
-                "value": "k-spacing(2)",
+                "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 167,
-                    "end": 167
+                    "start": 188,
+                    "end": 188
                 }
             },
             "group": [
@@ -11675,23 +11864,23 @@
                 "path": "material/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": 168,
-                "end": 169
+                "start": 189,
+                "end": 190
             },
             "context": {
                 "type": "variable",
                 "name": "kendo-chat-file-padding-y",
-                "value": "k-spacing(2)",
+                "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 170,
-                    "end": 170
+                    "start": 191,
+                    "end": 191
                 }
             },
             "group": [
@@ -11702,14 +11891,14 @@
                 "path": "material/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": 171,
-                "end": 172
+                "start": 192,
+                "end": 193
             },
             "context": {
                 "type": "variable",
@@ -11717,8 +11906,8 @@
                 "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 173,
-                    "end": 173
+                    "start": 194,
+                    "end": 194
                 }
             },
             "group": [
@@ -11735,8 +11924,8 @@
         {
             "description": "The border width of the Chat file.\n",
             "commentRange": {
-                "start": 175,
-                "end": 176
+                "start": 196,
+                "end": 197
             },
             "context": {
                 "type": "variable",
@@ -11744,8 +11933,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 177,
-                    "end": 177
+                    "start": 198,
+                    "end": 198
                 }
             },
             "group": [
@@ -11762,8 +11951,8 @@
         {
             "description": "The border style of the Chat file.\n",
             "commentRange": {
-                "start": 178,
-                "end": 179
+                "start": 199,
+                "end": 200
             },
             "context": {
                 "type": "variable",
@@ -11771,8 +11960,8 @@
                 "value": "solid",
                 "scope": "default",
                 "line": {
-                    "start": 180,
-                    "end": 180
+                    "start": 201,
+                    "end": 201
                 }
             },
             "group": [
@@ -11789,17 +11978,17 @@
         {
             "description": "The background color of the Chat file.\n",
             "commentRange": {
-                "start": 182,
-                "end": 183
+                "start": 203,
+                "end": 204
             },
             "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": 184,
-                    "end": 184
+                    "start": 205,
+                    "end": 205
                 }
             },
             "group": [
@@ -11810,14 +11999,14 @@
                 "path": "material/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-base-subtle, #DED8E0)",
+            "resolvedValue": "color-mix(in srgb, var(--kendo-color-base-on-subtle, #4A4459) 8%, transparent)",
             "resolvedType": "String"
         },
         {
             "description": "The text color of the Chat file.\n",
             "commentRange": {
-                "start": 185,
-                "end": 186
+                "start": 206,
+                "end": 207
             },
             "context": {
                 "type": "variable",
@@ -11825,8 +12014,8 @@
                 "value": "k-color(base-on-subtle)",
                 "scope": "default",
                 "line": {
-                    "start": 187,
-                    "end": 187
+                    "start": 208,
+                    "end": 208
                 }
             },
             "group": [
@@ -11843,8 +12032,8 @@
         {
             "description": "The border color of the Chat file.\n",
             "commentRange": {
-                "start": 188,
-                "end": 189
+                "start": 209,
+                "end": 210
             },
             "context": {
                 "type": "variable",
@@ -11852,8 +12041,8 @@
                 "value": "$kendo-chat-file-bg",
                 "scope": "default",
                 "line": {
-                    "start": 190,
-                    "end": 190
+                    "start": 211,
+                    "end": 211
                 }
             },
             "group": [
@@ -11864,14 +12053,14 @@
                 "path": "material/scss/chat/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-base-subtle, #DED8E0)",
+            "resolvedValue": "color-mix(in srgb, var(--kendo-color-base-on-subtle, #4A4459) 8%, transparent)",
             "resolvedType": "String"
         },
         {
             "description": "The border-radius of the Chat file.\n",
             "commentRange": {
-                "start": 191,
-                "end": 192
+                "start": 212,
+                "end": 213
             },
             "context": {
                 "type": "variable",
@@ -11879,8 +12068,8 @@
                 "value": "k-border-radius(md)",
                 "scope": "default",
                 "line": {
-                    "start": 193,
-                    "end": 193
+                    "start": 214,
+                    "end": 214
                 }
             },
             "group": [
@@ -11895,19 +12084,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": 195,
-                "end": 196
+                "start": 216,
+                "end": 217
             },
             "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": 197,
-                    "end": 197
+                    "start": 218,
+                    "end": 218
                 }
             },
             "group": [
@@ -11918,23 +12107,23 @@
                 "path": "material/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": 198,
-                "end": 199
+                "start": 219,
+                "end": 220
             },
             "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": 200,
-                    "end": 200
+                    "start": 221,
+                    "end": 221
                 }
             },
             "group": [
@@ -11945,14 +12134,41 @@
                 "path": "material/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": 222,
+                "end": 223
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chat-sender-file-border",
+                "value": "$kendo-chat-sender-file-bg",
+                "scope": "default",
+                "line": {
+                    "start": 224,
+                    "end": 224
+                }
+            },
+            "group": [
+                "chat"
+            ],
+            "access": "public",
+            "file": {
+                "path": "material/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": 202,
-                "end": 203
+                "start": 226,
+                "end": 227
             },
             "context": {
                 "type": "variable",
@@ -11960,8 +12176,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 204,
-                    "end": 204
+                    "start": 228,
+                    "end": 228
                 }
             },
             "group": [
@@ -11978,8 +12194,8 @@
         {
             "description": "The border style of the Chat pinned message;\n",
             "commentRange": {
-                "start": 205,
-                "end": 206
+                "start": 229,
+                "end": 230
             },
             "context": {
                 "type": "variable",
@@ -11987,8 +12203,8 @@
                 "value": "solid",
                 "scope": "default",
                 "line": {
-                    "start": 207,
-                    "end": 207
+                    "start": 231,
+                    "end": 231
                 }
             },
             "group": [
@@ -12005,8 +12221,8 @@
         {
             "description": "The border color of the Chat pinned message;\n",
             "commentRange": {
-                "start": 208,
-                "end": 209
+                "start": 232,
+                "end": 233
             },
             "context": {
                 "type": "variable",
@@ -12014,8 +12230,8 @@
                 "value": "k-color(border)",
                 "scope": "default",
                 "line": {
-                    "start": 210,
-                    "end": 210
+                    "start": 234,
+                    "end": 234
                 }
             },
             "group": [
@@ -12032,8 +12248,8 @@
         {
             "description": "The horizontal padding of the Chat message reference.\n",
             "commentRange": {
-                "start": 212,
-                "end": 213
+                "start": 236,
+                "end": 237
             },
             "context": {
                 "type": "variable",
@@ -12041,8 +12257,8 @@
                 "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 214,
-                    "end": 214
+                    "start": 238,
+                    "end": 238
                 }
             },
             "group": [
@@ -12059,8 +12275,8 @@
         {
             "description": "The vertical padding of the Chat message reference.\n",
             "commentRange": {
-                "start": 215,
-                "end": 216
+                "start": 239,
+                "end": 240
             },
             "context": {
                 "type": "variable",
@@ -12068,8 +12284,8 @@
                 "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 217,
-                    "end": 217
+                    "start": 241,
+                    "end": 241
                 }
             },
             "group": [
@@ -12086,8 +12302,8 @@
         {
             "description": "The background color of the Chat message reference.\n",
             "commentRange": {
-                "start": 219,
-                "end": 220
+                "start": 243,
+                "end": 244
             },
             "context": {
                 "type": "variable",
@@ -12095,8 +12311,8 @@
                 "value": "k-color(surface)",
                 "scope": "default",
                 "line": {
-                    "start": 221,
-                    "end": 221
+                    "start": 245,
+                    "end": 245
                 }
             },
             "group": [
@@ -12113,8 +12329,8 @@
         {
             "description": "The text color of the Chat message reference.\n",
             "commentRange": {
-                "start": 222,
-                "end": 223
+                "start": 246,
+                "end": 247
             },
             "context": {
                 "type": "variable",
@@ -12122,8 +12338,8 @@
                 "value": "k-color(on-app-surface)",
                 "scope": "default",
                 "line": {
-                    "start": 224,
-                    "end": 224
+                    "start": 248,
+                    "end": 248
                 }
             },
             "group": [
@@ -12140,8 +12356,8 @@
         {
             "description": "The background color of the message reference marker.\n",
             "commentRange": {
-                "start": 225,
-                "end": 226
+                "start": 249,
+                "end": 250
             },
             "context": {
                 "type": "variable",
@@ -12149,8 +12365,8 @@
                 "value": "k-color(base-emphasis)",
                 "scope": "default",
                 "line": {
-                    "start": 227,
-                    "end": 227
+                    "start": 251,
+                    "end": 251
                 }
             },
             "group": [
@@ -12167,8 +12383,8 @@
         {
             "description": "The background color of the message reference alt marker.\n",
             "commentRange": {
-                "start": 228,
-                "end": 229
+                "start": 252,
+                "end": 253
             },
             "context": {
                 "type": "variable",
@@ -12176,8 +12392,8 @@
                 "value": "k-color(primary-emphasis)",
                 "scope": "default",
                 "line": {
-                    "start": 230,
-                    "end": 230
+                    "start": 254,
+                    "end": 254
                 }
             },
             "group": [
@@ -34271,15 +34487,15 @@
             "resolvedType": "String"
         },
         {
-            "description": "The background color of the List group items.\n",
+            "description": "The background color of the selected hovered List items.\n",
             "commentRange": {
                 "start": 285,
                 "end": 286
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-list-group-item-bg",
-                "value": "null",
+                "name": "kendo-list-item-selected-hover-bg",
+                "value": "color-mix(in srgb, k-color(on-app-surface) 8%, transparent)",
                 "scope": "default",
                 "line": {
                     "start": 287,
@@ -34294,14 +34510,68 @@
                 "path": "material/scss/list/_variables.scss",
                 "name": "_variables.scss"
             },
+            "resolvedValue": "color-mix(in srgb, var(--kendo-color-on-app-surface, #1D1B20) 8%, transparent)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The text color of the selected hovered List items.\n",
+            "commentRange": {
+                "start": 288,
+                "end": 289
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-list-item-selected-hover-text",
+                "value": "k-color(primary-on-surface)",
+                "scope": "default",
+                "line": {
+                    "start": 290,
+                    "end": 290
+                }
+            },
+            "group": [
+                "list"
+            ],
+            "access": "public",
+            "file": {
+                "path": "material/scss/list/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-primary-on-surface, #65558F)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The background color of the List group items.\n",
+            "commentRange": {
+                "start": 292,
+                "end": 293
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-list-group-item-bg",
+                "value": "null",
+                "scope": "default",
+                "line": {
+                    "start": 294,
+                    "end": 294
+                }
+            },
+            "group": [
+                "list"
+            ],
+            "access": "public",
+            "file": {
+                "path": "material/scss/list/_variables.scss",
+                "name": "_variables.scss"
+            },
             "resolvedValue": "null",
             "resolvedType": "Null"
         },
         {
             "description": "The text color of the List group items.\n",
             "commentRange": {
-                "start": 288,
-                "end": 289
+                "start": 295,
+                "end": 296
             },
             "context": {
                 "type": "variable",
@@ -34309,8 +34579,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 290,
-                    "end": 290
+                    "start": 297,
+                    "end": 297
                 }
             },
             "group": [
@@ -34327,8 +34597,8 @@
         {
             "description": "The border color of the List group items.\n",
             "commentRange": {
-                "start": 291,
-                "end": 292
+                "start": 298,
+                "end": 299
             },
             "context": {
                 "type": "variable",
@@ -34336,8 +34606,8 @@
                 "value": "inherit",
                 "scope": "default",
                 "line": {
-                    "start": 293,
-                    "end": 293
+                    "start": 300,
+                    "end": 300
                 }
             },
             "group": [
@@ -34354,8 +34624,8 @@
         {
             "description": "The base shadow of the List group items.\n",
             "commentRange": {
-                "start": 294,
-                "end": 295
+                "start": 301,
+                "end": 302
             },
             "context": {
                 "type": "variable",
@@ -34363,8 +34633,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 296,
-                    "end": 296
+                    "start": 303,
+                    "end": 303
                 }
             },
             "group": [
@@ -34381,8 +34651,8 @@
         {
             "description": "The color of the 'Option Label' text.\n",
             "commentRange": {
-                "start": 298,
-                "end": 299
+                "start": 305,
+                "end": 306
             },
             "context": {
                 "type": "variable",
@@ -34390,8 +34660,8 @@
                 "value": "k-color(subtle)",
                 "scope": "default",
                 "line": {
-                    "start": 300,
-                    "end": 300
+                    "start": 307,
+                    "end": 307
                 }
             },
             "group": [
@@ -38024,7 +38294,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": 139,
                 "end": 140
@@ -38051,7 +38321,7 @@
             "resolvedType": "String"
         },
         {
-            "description": "The vertical padding of the Menu icon.\n",
+            "description": "The vertical padding of the Menu expand arrow icon.\n",
             "commentRange": {
                 "start": 142,
                 "end": 143
@@ -41490,14 +41760,14 @@
             "resolvedType": "Number"
         },
         {
-            "description": "The width of the DropDowns in the small Pager.\n",
+            "description": "The width of the DropDowns in the Pager.\n",
             "commentRange": {
                 "start": 91,
                 "end": 92
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-pager-sm-dropdown-width",
+                "name": "kendo-pager-dropdown-width",
                 "value": "5em",
                 "scope": "default",
                 "line": {
@@ -41516,74 +41786,20 @@
             "resolvedValue": "5em",
             "resolvedType": "Number"
         },
-        {
-            "description": "The width of the DropDowns in the medium Pager.\n",
-            "commentRange": {
-                "start": 94,
-                "end": 95
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-pager-md-dropdown-width",
-                "value": "5em",
-                "scope": "default",
-                "line": {
-                    "start": 96,
-                    "end": 96
-                }
-            },
-            "group": [
-                "pager"
-            ],
-            "access": "public",
-            "file": {
-                "path": "material/scss/pager/_variables.scss",
-                "name": "_variables.scss"
-            },
-            "resolvedValue": "5em",
-            "resolvedType": "Number"
-        },
-        {
-            "description": "The width of the DropDowns in the large Pager.\n",
-            "commentRange": {
-                "start": 97,
-                "end": 98
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-pager-lg-dropdown-width",
-                "value": "5em",
-                "scope": "default",
-                "line": {
-                    "start": 99,
-                    "end": 99
-                }
-            },
-            "group": [
-                "pager"
-            ],
-            "access": "public",
-            "file": {
-                "path": "material/scss/pager/_variables.scss",
-                "name": "_variables.scss"
-            },
-            "resolvedValue": "5em",
-            "resolvedType": "Number"
-        },
         {
             "description": "The sizes map of the Pager.\n",
             "commentRange": {
-                "start": 101,
-                "end": 102
+                "start": 95,
+                "end": 96
             },
             "context": {
                 "type": "variable",
                 "name": "kendo-pager-sizes",
-                "value": "(\n    sm: (\n        padding-x: $kendo-pager-sm-padding-x,\n        padding-y: $kendo-pager-sm-padding-y,\n        item-group-spacing: $kendo-pager-sm-item-group-spacing,\n        item-min-width: $kendo-pager-sm-item-min-width,\n        pager-dropdown-width: $kendo-pager-sm-dropdown-width\n    ),\n    md: (\n        padding-x: $kendo-pager-md-padding-x,\n        padding-y: $kendo-pager-md-padding-y,\n        item-group-spacing: $kendo-pager-md-item-group-spacing,\n        item-min-width: $kendo-pager-md-item-min-width,\n        pager-dropdown-width: $kendo-pager-md-dropdown-width\n    ),\n    lg: (\n        padding-x: $kendo-pager-lg-padding-x,\n        padding-y: $kendo-pager-lg-padding-y,\n        item-group-spacing: $kendo-pager-lg-item-group-spacing,\n        item-min-width: $kendo-pager-lg-item-min-width,\n        pager-dropdown-width: $kendo-pager-lg-dropdown-width\n    )\n)",
+                "value": "(\n    sm: (\n        padding-x: $kendo-pager-sm-padding-x,\n        padding-y: $kendo-pager-sm-padding-y,\n        item-group-spacing: $kendo-pager-sm-item-group-spacing,\n        item-min-width: $kendo-pager-sm-item-min-width,\n    ),\n    md: (\n        padding-x: $kendo-pager-md-padding-x,\n        padding-y: $kendo-pager-md-padding-y,\n        item-group-spacing: $kendo-pager-md-item-group-spacing,\n        item-min-width: $kendo-pager-md-item-min-width,\n    ),\n    lg: (\n        padding-x: $kendo-pager-lg-padding-x,\n        padding-y: $kendo-pager-lg-padding-y,\n        item-group-spacing: $kendo-pager-lg-item-group-spacing,\n        item-min-width: $kendo-pager-lg-item-min-width,\n    )\n)",
                 "scope": "default",
                 "line": {
-                    "start": 103,
-                    "end": 125
+                    "start": 97,
+                    "end": 116
                 }
             },
             "group": [
@@ -41594,29 +41810,26 @@
                 "path": "material/scss/pager/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "(sm: (padding-x: var(--kendo-spacing-1, 0.25rem), padding-y: var(--kendo-spacing-1, 0.25rem), item-group-spacing: var(--kendo-spacing-1\\.5, 0.375rem), item-min-width: calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-3\\.5, 0.875rem) / 2) * 2 + 1px * 2), pager-dropdown-width: 5em), md: (padding-x: var(--kendo-spacing-2, 0.5rem), padding-y: var(--kendo-spacing-2, 0.5rem), item-group-spacing: var(--kendo-spacing-2, 0.5rem), item-min-width: calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-4\\.5, 1.125rem) / 2) * 2 + 1px * 2), pager-dropdown-width: 5em), lg: (padding-x: var(--kendo-spacing-2\\.5, 0.625rem), padding-y: var(--kendo-spacing-2\\.5, 0.625rem), item-group-spacing: var(--kendo-spacing-2\\.5, 0.625rem), item-min-width: calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-5\\.5, 1.375rem) / 2) * 2 + 1px * 2), pager-dropdown-width: 5em))",
+            "resolvedValue": "(sm: (padding-x: var(--kendo-spacing-1, 0.25rem), padding-y: var(--kendo-spacing-1, 0.25rem), item-group-spacing: var(--kendo-spacing-1\\.5, 0.375rem), item-min-width: calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-3\\.5, 0.875rem) / 2) * 2 + 1px * 2)), md: (padding-x: var(--kendo-spacing-2, 0.5rem), padding-y: var(--kendo-spacing-2, 0.5rem), item-group-spacing: var(--kendo-spacing-2, 0.5rem), item-min-width: calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-4\\.5, 1.125rem) / 2) * 2 + 1px * 2)), lg: (padding-x: var(--kendo-spacing-2\\.5, 0.625rem), padding-y: var(--kendo-spacing-2\\.5, 0.625rem), item-group-spacing: var(--kendo-spacing-2\\.5, 0.625rem), item-min-width: calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-5\\.5, 1.375rem) / 2) * 2 + 1px * 2)))",
             "resolvedType": "Map",
             "prettyValue": {
                 "sm": {
                     "padding-x": "var(--kendo-spacing-1, 0.25rem)",
                     "padding-y": "var(--kendo-spacing-1, 0.25rem)",
                     "item-group-spacing": "var(--kendo-spacing-1\\.5, 0.375rem)",
-                    "item-min-width": "calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-3\\.5, 0.875rem) / 2) * 2 + 1px * 2)",
-                    "pager-dropdown-width": "5em"
+                    "item-min-width": "calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-3\\.5, 0.875rem) / 2) * 2 + 1px * 2)"
                 },
                 "md": {
                     "padding-x": "var(--kendo-spacing-2, 0.5rem)",
                     "padding-y": "var(--kendo-spacing-2, 0.5rem)",
                     "item-group-spacing": "var(--kendo-spacing-2, 0.5rem)",
-                    "item-min-width": "calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-4\\.5, 1.125rem) / 2) * 2 + 1px * 2)",
-                    "pager-dropdown-width": "5em"
+                    "item-min-width": "calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-4\\.5, 1.125rem) / 2) * 2 + 1px * 2)"
                 },
                 "lg": {
                     "padding-x": "var(--kendo-spacing-2\\.5, 0.625rem)",
                     "padding-y": "var(--kendo-spacing-2\\.5, 0.625rem)",
                     "item-group-spacing": "var(--kendo-spacing-2\\.5, 0.625rem)",
-                    "item-min-width": "calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-5\\.5, 1.375rem) / 2) * 2 + 1px * 2)",
-                    "pager-dropdown-width": "5em"
+                    "item-min-width": "calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-5\\.5, 1.375rem) / 2) * 2 + 1px * 2)"
                 }
             }
         },
@@ -82860,7 +83073,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,
@@ -82875,7 +83088,7 @@
                         "path": "material/scss/bubble/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-border-radius-xs, 1px)",
+                    "resolvedValue": "var(--kendo-border-radius-sm, 0.125rem)",
                     "resolvedType": "String"
                 },
                 {
@@ -83394,8 +83607,8 @@
                 {
                     "description": "The background color of the hovered alt Bubble.\n",
                     "commentRange": {
-                        "start": 136,
-                        "end": 137
+                        "start": 142,
+                        "end": 143
                     },
                     "context": {
                         "type": "variable",
@@ -83403,8 +83616,8 @@
                         "value": "k-color(primary-hover)",
                         "scope": "default",
                         "line": {
-                            "start": 138,
-                            "end": 138
+                            "start": 144,
+                            "end": 144
                         }
                     },
                     "group": [
@@ -83421,8 +83634,8 @@
                 {
                     "description": "The border color of the hovered alt Bubble.\n",
                     "commentRange": {
-                        "start": 139,
-                        "end": 140
+                        "start": 145,
+                        "end": 146
                     },
                     "context": {
                         "type": "variable",
@@ -83430,8 +83643,8 @@
                         "value": "$kendo-chat-alt-bubble-hover-bg",
                         "scope": "default",
                         "line": {
-                            "start": 141,
-                            "end": 141
+                            "start": 147,
+                            "end": 147
                         }
                     },
                     "group": [
@@ -83448,8 +83661,8 @@
                 {
                     "description": "The background color of the active Bubble.\n",
                     "commentRange": {
-                        "start": 142,
-                        "end": 143
+                        "start": 148,
+                        "end": 149
                     },
                     "context": {
                         "type": "variable",
@@ -83457,8 +83670,8 @@
                         "value": "k-color(primary-active)",
                         "scope": "default",
                         "line": {
-                            "start": 144,
-                            "end": 144
+                            "start": 150,
+                            "end": 150
                         }
                     },
                     "group": [
@@ -83475,8 +83688,8 @@
                 {
                     "description": "The border color of the active alt Bubble.\n",
                     "commentRange": {
-                        "start": 145,
-                        "end": 146
+                        "start": 151,
+                        "end": 152
                     },
                     "context": {
                         "type": "variable",
@@ -83484,8 +83697,8 @@
                         "value": "$kendo-chat-alt-bubble-active-bg",
                         "scope": "default",
                         "line": {
-                            "start": 147,
-                            "end": 147
+                            "start": 153,
+                            "end": 153
                         }
                     },
                     "group": [
@@ -83502,8 +83715,8 @@
                 {
                     "description": "The background color of the focused alt Bubble.\n",
                     "commentRange": {
-                        "start": 148,
-                        "end": 149
+                        "start": 154,
+                        "end": 155
                     },
                     "context": {
                         "type": "variable",
@@ -83511,8 +83724,8 @@
                         "value": "$kendo-chat-alt-bubble-bg",
                         "scope": "default",
                         "line": {
-                            "start": 150,
-                            "end": 150
+                            "start": 156,
+                            "end": 156
                         }
                     },
                     "group": [
@@ -83529,8 +83742,8 @@
                 {
                     "description": "The border color of the focused alt Bubble.\n",
                     "commentRange": {
-                        "start": 151,
-                        "end": 152
+                        "start": 157,
+                        "end": 158
                     },
                     "context": {
                         "type": "variable",
@@ -83538,8 +83751,8 @@
                         "value": "$kendo-chat-alt-bubble-focus-bg",
                         "scope": "default",
                         "line": {
-                            "start": 153,
-                            "end": 153
+                            "start": 159,
+                            "end": 159
                         }
                     },
                     "group": [
@@ -83556,8 +83769,8 @@
                 {
                     "description": "The box shadow of the focused alt Bubble.\n",
                     "commentRange": {
-                        "start": 154,
-                        "end": 155
+                        "start": 160,
+                        "end": 161
                     },
                     "context": {
                         "type": "variable",
@@ -83565,8 +83778,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 156,
-                            "end": 156
+                            "start": 162,
+                            "end": 162
                         }
                     },
                     "group": [
@@ -90564,15 +90777,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": 55,
                         "end": 56
                     },
                     "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": 57,
@@ -90587,14 +90800,68 @@
                         "path": "material/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": 58,
+                        "end": 59
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chat-status-max-size",
+                        "value": "k-spacing(8)",
+                        "scope": "default",
+                        "line": {
+                            "start": 60,
+                            "end": 60
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "material/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": 61,
+                        "end": 62
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chat-message-status-gap",
+                        "value": "k-spacing(1)",
+                        "scope": "default",
+                        "line": {
+                            "start": 63,
+                            "end": 63
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "material/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": 59,
-                        "end": 60
+                        "start": 65,
+                        "end": 66
                     },
                     "context": {
                         "type": "variable",
@@ -90602,8 +90869,8 @@
                         "value": "var( --kendo-font-size-sm, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 61,
-                            "end": 61
+                            "start": 67,
+                            "end": 67
                         }
                     },
                     "group": [
@@ -90620,8 +90887,8 @@
                 {
                     "description": "The line height of the Chat timestamp.\n",
                     "commentRange": {
-                        "start": 62,
-                        "end": 63
+                        "start": 68,
+                        "end": 69
                     },
                     "context": {
                         "type": "variable",
@@ -90629,8 +90896,8 @@
                         "value": "var( --kendo-line-height-lg, normal )",
                         "scope": "default",
                         "line": {
-                            "start": 64,
-                            "end": 64
+                            "start": 70,
+                            "end": 70
                         }
                     },
                     "group": [
@@ -90647,8 +90914,8 @@
                 {
                     "description": "The text transform of the Chat timestamp.\n",
                     "commentRange": {
-                        "start": 65,
-                        "end": 66
+                        "start": 71,
+                        "end": 72
                     },
                     "context": {
                         "type": "variable",
@@ -90656,8 +90923,8 @@
                         "value": "none",
                         "scope": "default",
                         "line": {
-                            "start": 67,
-                            "end": 67
+                            "start": 73,
+                            "end": 73
                         }
                     },
                     "group": [
@@ -90674,8 +90941,8 @@
                 {
                     "description": "The text color of the Chat timestamp.\n",
                     "commentRange": {
-                        "start": 68,
-                        "end": 69
+                        "start": 74,
+                        "end": 75
                     },
                     "context": {
                         "type": "variable",
@@ -90683,8 +90950,8 @@
                         "value": "k-color(subtle)",
                         "scope": "default",
                         "line": {
-                            "start": 70,
-                            "end": 70
+                            "start": 76,
+                            "end": 76
                         }
                     },
                     "group": [
@@ -90701,8 +90968,8 @@
                 {
                     "description": "The background color of the Chat timestamp.\n",
                     "commentRange": {
-                        "start": 71,
-                        "end": 72
+                        "start": 77,
+                        "end": 78
                     },
                     "context": {
                         "type": "variable",
@@ -90710,8 +90977,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 73,
-                            "end": 73
+                            "start": 79,
+                            "end": 79
                         }
                     },
                     "group": [
@@ -90728,8 +90995,8 @@
                 {
                     "description": "The background color of the Chat timestamp separator.\n",
                     "commentRange": {
-                        "start": 74,
-                        "end": 75
+                        "start": 80,
+                        "end": 81
                     },
                     "context": {
                         "type": "variable",
@@ -90737,8 +91004,8 @@
                         "value": "k-color(border)",
                         "scope": "default",
                         "line": {
-                            "start": 76,
-                            "end": 76
+                            "start": 82,
+                            "end": 82
                         }
                     },
                     "group": [
@@ -90755,8 +91022,8 @@
                 {
                     "description": "The spacing between the Chat timestamp and its separator.\n",
                     "commentRange": {
-                        "start": 77,
-                        "end": 78
+                        "start": 83,
+                        "end": 84
                     },
                     "context": {
                         "type": "variable",
@@ -90764,8 +91031,8 @@
                         "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 79,
-                            "end": 79
+                            "start": 85,
+                            "end": 85
                         }
                     },
                     "group": [
@@ -90782,8 +91049,8 @@
                 {
                     "description": "The font size of the Chat message meta text.\n",
                     "commentRange": {
-                        "start": 82,
-                        "end": 83
+                        "start": 88,
+                        "end": 89
                     },
                     "context": {
                         "type": "variable",
@@ -90791,8 +91058,8 @@
                         "value": "var( --kendo-font-size-sm, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 84,
-                            "end": 84
+                            "start": 90,
+                            "end": 90
                         }
                     },
                     "group": [
@@ -90809,8 +91076,8 @@
                 {
                     "description": "The line height of the Chat message meta text.\n",
                     "commentRange": {
-                        "start": 85,
-                        "end": 86
+                        "start": 91,
+                        "end": 92
                     },
                     "context": {
                         "type": "variable",
@@ -90818,8 +91085,8 @@
                         "value": "var( --kendo-line-height-lg, normal )",
                         "scope": "default",
                         "line": {
-                            "start": 87,
-                            "end": 87
+                            "start": 93,
+                            "end": 93
                         }
                     },
                     "group": [
@@ -90836,8 +91103,8 @@
                 {
                     "description": "The font size of the Chat author text.\n",
                     "commentRange": {
-                        "start": 89,
-                        "end": 90
+                        "start": 95,
+                        "end": 96
                     },
                     "context": {
                         "type": "variable",
@@ -90845,8 +91112,8 @@
                         "value": "var( --kendo-font-size-sm, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 91,
-                            "end": 91
+                            "start": 97,
+                            "end": 97
                         }
                     },
                     "group": [
@@ -90863,8 +91130,8 @@
                 {
                     "description": "The line height of the Chat author text.\n",
                     "commentRange": {
-                        "start": 92,
-                        "end": 93
+                        "start": 98,
+                        "end": 99
                     },
                     "context": {
                         "type": "variable",
@@ -90872,8 +91139,8 @@
                         "value": "var( --kendo-line-height-xs, normal )",
                         "scope": "default",
                         "line": {
-                            "start": 94,
-                            "end": 94
+                            "start": 100,
+                            "end": 100
                         }
                     },
                     "group": [
@@ -90890,8 +91157,8 @@
                 {
                     "description": "The text color of the Chat status.\n",
                     "commentRange": {
-                        "start": 96,
-                        "end": 97
+                        "start": 102,
+                        "end": 103
                     },
                     "context": {
                         "type": "variable",
@@ -90899,8 +91166,8 @@
                         "value": "k-color(subtle)",
                         "scope": "default",
                         "line": {
-                            "start": 98,
-                            "end": 98
+                            "start": 104,
+                            "end": 104
                         }
                     },
                     "group": [
@@ -90917,8 +91184,8 @@
                 {
                     "description": "The spacing of the Chat bubble message.\n",
                     "commentRange": {
-                        "start": 100,
-                        "end": 101
+                        "start": 106,
+                        "end": 107
                     },
                     "context": {
                         "type": "variable",
@@ -90926,8 +91193,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 102,
-                            "end": 102
+                            "start": 108,
+                            "end": 108
                         }
                     },
                     "group": [
@@ -90944,17 +91211,152 @@
                 {
                     "description": "The background color of the Chat Toolbar.\n",
                     "commentRange": {
-                        "start": 104,
-                        "end": 105
+                        "start": 110,
+                        "end": 111
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chat-toolbar-bg",
+                        "value": "$kendo-toolbar-bg",
+                        "scope": "default",
+                        "line": {
+                            "start": 112,
+                            "end": 112
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "material/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-surface, #F7F3FA)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The text color of the Chat Toolbar.\n",
+                    "commentRange": {
+                        "start": 113,
+                        "end": 114
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chat-toolbar-text",
+                        "value": "$kendo-toolbar-text",
+                        "scope": "default",
+                        "line": {
+                            "start": 115,
+                            "end": 115
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "material/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-on-app-surface, #1D1B20)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The border color of the Chat Toolbar.\n",
+                    "commentRange": {
+                        "start": 116,
+                        "end": 117
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chat-toolbar-border",
+                        "value": "inherit",
+                        "scope": "default",
+                        "line": {
+                            "start": 118,
+                            "end": 118
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "material/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "inherit",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The background color of the Chat.\n",
+                    "commentRange": {
+                        "start": 120,
+                        "end": 121
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chat-bg",
+                        "value": "k-color(surface)",
+                        "scope": "default",
+                        "line": {
+                            "start": 122,
+                            "end": 122
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "material/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-surface, #F7F3FA)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The text color of the Chat.\n",
+                    "commentRange": {
+                        "start": 123,
+                        "end": 124
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chat-text",
+                        "value": "k-color(on-app-surface)",
+                        "scope": "default",
+                        "line": {
+                            "start": 125,
+                            "end": 125
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "material/scss/chat/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-on-app-surface, #1D1B20)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The border color of the Chat.\n",
+                    "commentRange": {
+                        "start": 126,
+                        "end": 127
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-chat-toolbar-bg",
-                        "value": "$kendo-toolbar-bg",
+                        "name": "kendo-chat-border",
+                        "value": "k-color(border)",
                         "scope": "default",
                         "line": {
-                            "start": 106,
-                            "end": 106
+                            "start": 128,
+                            "end": 128
                         }
                     },
                     "group": [
@@ -90965,23 +91367,23 @@
                         "path": "material/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-surface, #F7F3FA)",
+                    "resolvedValue": "var(--kendo-color-border, rgba(29, 27, 32, 0.12))",
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The text color of the Chat Toolbar.\n",
+                    "description": "The background color of the Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 107,
-                        "end": 108
+                        "start": 130,
+                        "end": 131
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-chat-toolbar-text",
-                        "value": "$kendo-toolbar-text",
+                        "name": "kendo-chat-alt-bubble-bg",
+                        "value": "k-color(primary)",
                         "scope": "default",
                         "line": {
-                            "start": 109,
-                            "end": 109
+                            "start": 132,
+                            "end": 132
                         }
                     },
                     "group": [
@@ -90992,23 +91394,23 @@
                         "path": "material/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-on-app-surface, #1D1B20)",
+                    "resolvedValue": "var(--kendo-color-primary, #65558F)",
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The border color of the Chat Toolbar.\n",
+                    "description": "The text color of the Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 110,
-                        "end": 111
+                        "start": 133,
+                        "end": 134
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-chat-toolbar-border",
-                        "value": "inherit",
+                        "name": "kendo-chat-alt-bubble-text",
+                        "value": "k-color(on-primary)",
                         "scope": "default",
                         "line": {
-                            "start": 112,
-                            "end": 112
+                            "start": 135,
+                            "end": 135
                         }
                     },
                     "group": [
@@ -91019,23 +91421,23 @@
                         "path": "material/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "inherit",
+                    "resolvedValue": "var(--kendo-color-on-primary, #ffffff)",
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The background color of the Chat.\n",
+                    "description": "The border color of the Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 114,
-                        "end": 115
+                        "start": 136,
+                        "end": 137
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-chat-bg",
-                        "value": "k-color(surface)",
+                        "name": "kendo-chat-alt-bubble-border",
+                        "value": "$kendo-chat-alt-bubble-bg",
                         "scope": "default",
                         "line": {
-                            "start": 116,
-                            "end": 116
+                            "start": 138,
+                            "end": 138
                         }
                     },
                     "group": [
@@ -91046,23 +91448,23 @@
                         "path": "material/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-surface, #F7F3FA)",
+                    "resolvedValue": "var(--kendo-color-primary, #65558F)",
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The text color of the Chat.\n",
+                    "description": "The shadow of the Chat alt bubble.\n",
                     "commentRange": {
-                        "start": 117,
-                        "end": 118
+                        "start": 139,
+                        "end": 140
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-chat-text",
-                        "value": "k-color(on-app-surface)",
+                        "name": "kendo-chat-alt-bubble-shadow",
+                        "value": "none",
                         "scope": "default",
                         "line": {
-                            "start": 119,
-                            "end": 119
+                            "start": 141,
+                            "end": 141
                         }
                     },
                     "group": [
@@ -91073,23 +91475,23 @@
                         "path": "material/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-on-app-surface, #1D1B20)",
+                    "resolvedValue": "none",
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The border color of the Chat.\n",
+                    "description": "The color of the typing indicator dots.\n",
                     "commentRange": {
-                        "start": 120,
-                        "end": 121
+                        "start": 164,
+                        "end": 165
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-chat-border",
-                        "value": "k-color(border)",
+                        "name": "kendo-chat-typing-indicator-text",
+                        "value": "k-color(base-on-subtle)",
                         "scope": "default",
                         "line": {
-                            "start": 122,
-                            "end": 122
+                            "start": 166,
+                            "end": 166
                         }
                     },
                     "group": [
@@ -91100,23 +91502,23 @@
                         "path": "material/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-border, rgba(29, 27, 32, 0.12))",
+                    "resolvedValue": "var(--kendo-color-base-on-subtle, #4A4459)",
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The background color of the Chat alt bubble.\n",
+                    "description": "The minimum width of a file in the Chat Textarea.\n",
                     "commentRange": {
-                        "start": 124,
-                        "end": 125
+                        "start": 168,
+                        "end": 169
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-chat-alt-bubble-bg",
-                        "value": "k-color(primary)",
+                        "name": "kendo-chat-file-min-width",
+                        "value": "96px",
                         "scope": "default",
                         "line": {
-                            "start": 126,
-                            "end": 126
+                            "start": 170,
+                            "end": 170
                         }
                     },
                     "group": [
@@ -91127,23 +91529,23 @@
                         "path": "material/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary, #65558F)",
-                    "resolvedType": "String"
+                    "resolvedValue": "96px",
+                    "resolvedType": "Number"
                 },
                 {
-                    "description": "The text color of the Chat alt bubble.\n",
+                    "description": "The maximum width of a file in the Chat Textarea.\n",
                     "commentRange": {
-                        "start": 127,
-                        "end": 128
+                        "start": 171,
+                        "end": 172
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-chat-alt-bubble-text",
-                        "value": "k-color(on-primary)",
+                        "name": "kendo-chat-file-max-width",
+                        "value": "160px",
                         "scope": "default",
                         "line": {
-                            "start": 129,
-                            "end": 129
+                            "start": 173,
+                            "end": 173
                         }
                     },
                     "group": [
@@ -91154,23 +91556,23 @@
                         "path": "material/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-on-primary, #ffffff)",
-                    "resolvedType": "String"
+                    "resolvedValue": "160px",
+                    "resolvedType": "Number"
                 },
                 {
-                    "description": "The border color of the Chat alt bubble.\n",
+                    "description": "The font size of the Chat file name.\n",
                     "commentRange": {
-                        "start": 130,
-                        "end": 131
+                        "start": 174,
+                        "end": 175
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-chat-alt-bubble-border",
-                        "value": "$kendo-chat-alt-bubble-bg",
+                        "name": "kendo-chat-file-name-font-size",
+                        "value": "var( --kendo-font-size-sm, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 132,
-                            "end": 132
+                            "start": 176,
+                            "end": 176
                         }
                     },
                     "group": [
@@ -91181,23 +91583,23 @@
                         "path": "material/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary, #65558F)",
+                    "resolvedValue": "var(--kendo-font-size-sm, inherit)",
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The shadow of the Chat alt bubble.\n",
+                    "description": "The line height of the Chat file name.\n",
                     "commentRange": {
-                        "start": 133,
-                        "end": 134
+                        "start": 177,
+                        "end": 178
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-chat-alt-bubble-shadow",
-                        "value": "none",
+                        "name": "kendo-chat-file-name-line-height",
+                        "value": "var( --kendo-line-height-sm, normal )",
                         "scope": "default",
                         "line": {
-                            "start": 135,
-                            "end": 135
+                            "start": 179,
+                            "end": 179
                         }
                     },
                     "group": [
@@ -91208,23 +91610,23 @@
                         "path": "material/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "none",
+                    "resolvedValue": "var(--kendo-line-height-sm, normal)",
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The color of the typing indicator dots.\n",
+                    "description": "The font size of the Chat file size.\n",
                     "commentRange": {
-                        "start": 158,
-                        "end": 159
+                        "start": 180,
+                        "end": 181
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-chat-typing-indicator-text",
-                        "value": "k-color(base-on-subtle)",
+                        "name": "kendo-chat-file-size-font-size",
+                        "value": "var( --kendo-font-size-xs, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 160,
-                            "end": 160
+                            "start": 182,
+                            "end": 182
                         }
                     },
                     "group": [
@@ -91235,23 +91637,23 @@
                         "path": "material/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-base-on-subtle, #4A4459)",
+                    "resolvedValue": "var(--kendo-font-size-xs, inherit)",
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The width of a file in the Chat Textarea.\n",
+                    "description": "The line height of the Chat file size.\n",
                     "commentRange": {
-                        "start": 162,
-                        "end": 163
+                        "start": 183,
+                        "end": 184
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-chat-file-width",
-                        "value": "240px",
+                        "name": "kendo-chat-file-size-line-height",
+                        "value": "var( --kendo-line-height-xs, normal )",
                         "scope": "default",
                         "line": {
-                            "start": 164,
-                            "end": 164
+                            "start": 185,
+                            "end": 185
                         }
                     },
                     "group": [
@@ -91262,23 +91664,23 @@
                         "path": "material/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "240px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-line-height-xs, normal)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The horizontal padding of the Chat file.\n",
                     "commentRange": {
-                        "start": 165,
-                        "end": 166
+                        "start": 186,
+                        "end": 187
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-chat-file-padding-x",
-                        "value": "k-spacing(2)",
+                        "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 167,
-                            "end": 167
+                            "start": 188,
+                            "end": 188
                         }
                     },
                     "group": [
@@ -91289,23 +91691,23 @@
                         "path": "material/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": 168,
-                        "end": 169
+                        "start": 189,
+                        "end": 190
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-chat-file-padding-y",
-                        "value": "k-spacing(2)",
+                        "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 170,
-                            "end": 170
+                            "start": 191,
+                            "end": 191
                         }
                     },
                     "group": [
@@ -91316,14 +91718,14 @@
                         "path": "material/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": 171,
-                        "end": 172
+                        "start": 192,
+                        "end": 193
                     },
                     "context": {
                         "type": "variable",
@@ -91331,8 +91733,8 @@
                         "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 173,
-                            "end": 173
+                            "start": 194,
+                            "end": 194
                         }
                     },
                     "group": [
@@ -91349,8 +91751,8 @@
                 {
                     "description": "The border width of the Chat file.\n",
                     "commentRange": {
-                        "start": 175,
-                        "end": 176
+                        "start": 196,
+                        "end": 197
                     },
                     "context": {
                         "type": "variable",
@@ -91358,8 +91760,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 177,
-                            "end": 177
+                            "start": 198,
+                            "end": 198
                         }
                     },
                     "group": [
@@ -91376,8 +91778,8 @@
                 {
                     "description": "The border style of the Chat file.\n",
                     "commentRange": {
-                        "start": 178,
-                        "end": 179
+                        "start": 199,
+                        "end": 200
                     },
                     "context": {
                         "type": "variable",
@@ -91385,8 +91787,8 @@
                         "value": "solid",
                         "scope": "default",
                         "line": {
-                            "start": 180,
-                            "end": 180
+                            "start": 201,
+                            "end": 201
                         }
                     },
                     "group": [
@@ -91403,17 +91805,17 @@
                 {
                     "description": "The background color of the Chat file.\n",
                     "commentRange": {
-                        "start": 182,
-                        "end": 183
+                        "start": 203,
+                        "end": 204
                     },
                     "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": 184,
-                            "end": 184
+                            "start": 205,
+                            "end": 205
                         }
                     },
                     "group": [
@@ -91424,14 +91826,14 @@
                         "path": "material/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-base-subtle, #DED8E0)",
+                    "resolvedValue": "color-mix(in srgb, var(--kendo-color-base-on-subtle, #4A4459) 8%, transparent)",
                     "resolvedType": "String"
                 },
                 {
                     "description": "The text color of the Chat file.\n",
                     "commentRange": {
-                        "start": 185,
-                        "end": 186
+                        "start": 206,
+                        "end": 207
                     },
                     "context": {
                         "type": "variable",
@@ -91439,8 +91841,8 @@
                         "value": "k-color(base-on-subtle)",
                         "scope": "default",
                         "line": {
-                            "start": 187,
-                            "end": 187
+                            "start": 208,
+                            "end": 208
                         }
                     },
                     "group": [
@@ -91457,8 +91859,8 @@
                 {
                     "description": "The border color of the Chat file.\n",
                     "commentRange": {
-                        "start": 188,
-                        "end": 189
+                        "start": 209,
+                        "end": 210
                     },
                     "context": {
                         "type": "variable",
@@ -91466,8 +91868,8 @@
                         "value": "$kendo-chat-file-bg",
                         "scope": "default",
                         "line": {
-                            "start": 190,
-                            "end": 190
+                            "start": 211,
+                            "end": 211
                         }
                     },
                     "group": [
@@ -91478,14 +91880,14 @@
                         "path": "material/scss/chat/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-base-subtle, #DED8E0)",
+                    "resolvedValue": "color-mix(in srgb, var(--kendo-color-base-on-subtle, #4A4459) 8%, transparent)",
                     "resolvedType": "String"
                 },
                 {
                     "description": "The border-radius of the Chat file.\n",
                     "commentRange": {
-                        "start": 191,
-                        "end": 192
+                        "start": 212,
+                        "end": 213
                     },
                     "context": {
                         "type": "variable",
@@ -91493,8 +91895,8 @@
                         "value": "k-border-radius(md)",
                         "scope": "default",
                         "line": {
-                            "start": 193,
-                            "end": 193
+                            "start": 214,
+                            "end": 214
                         }
                     },
                     "group": [
@@ -91509,19 +91911,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": 195,
-                        "end": 196
+                        "start": 216,
+                        "end": 217
                     },
                     "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": 197,
-                            "end": 197
+                            "start": 218,
+                            "end": 218
                         }
                     },
                     "group": [
@@ -91532,23 +91934,23 @@
                         "path": "material/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": 198,
-                        "end": 199
+                        "start": 219,
+                        "end": 220
                     },
                     "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": 200,
-                            "end": 200
+                            "start": 221,
+                            "end": 221
                         }
                     },
                     "group": [
@@ -91559,14 +91961,41 @@
                         "path": "material/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": 222,
+                        "end": 223
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chat-sender-file-border",
+                        "value": "$kendo-chat-sender-file-bg",
+                        "scope": "default",
+                        "line": {
+                            "start": 224,
+                            "end": 224
+                        }
+                    },
+                    "group": [
+                        "chat"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "material/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": 202,
-                        "end": 203
+                        "start": 226,
+                        "end": 227
                     },
                     "context": {
                         "type": "variable",
@@ -91574,8 +92003,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 204,
-                            "end": 204
+                            "start": 228,
+                            "end": 228
                         }
                     },
                     "group": [
@@ -91592,8 +92021,8 @@
                 {
                     "description": "The border style of the Chat pinned message;\n",
                     "commentRange": {
-                        "start": 205,
-                        "end": 206
+                        "start": 229,
+                        "end": 230
                     },
                     "context": {
                         "type": "variable",
@@ -91601,8 +92030,8 @@
                         "value": "solid",
                         "scope": "default",
                         "line": {
-                            "start": 207,
-                            "end": 207
+                            "start": 231,
+                            "end": 231
                         }
                     },
                     "group": [
@@ -91619,8 +92048,8 @@
                 {
                     "description": "The border color of the Chat pinned message;\n",
                     "commentRange": {
-                        "start": 208,
-                        "end": 209
+                        "start": 232,
+                        "end": 233
                     },
                     "context": {
                         "type": "variable",
@@ -91628,8 +92057,8 @@
                         "value": "k-color(border)",
                         "scope": "default",
                         "line": {
-                            "start": 210,
-                            "end": 210
+                            "start": 234,
+                            "end": 234
                         }
                     },
                     "group": [
@@ -91646,8 +92075,8 @@
                 {
                     "description": "The horizontal padding of the Chat message reference.\n",
                     "commentRange": {
-                        "start": 212,
-                        "end": 213
+                        "start": 236,
+                        "end": 237
                     },
                     "context": {
                         "type": "variable",
@@ -91655,8 +92084,8 @@
                         "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 214,
-                            "end": 214
+                            "start": 238,
+                            "end": 238
                         }
                     },
                     "group": [
@@ -91673,8 +92102,8 @@
                 {
                     "description": "The vertical padding of the Chat message reference.\n",
                     "commentRange": {
-                        "start": 215,
-                        "end": 216
+                        "start": 239,
+                        "end": 240
                     },
                     "context": {
                         "type": "variable",
@@ -91682,8 +92111,8 @@
                         "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 217,
-                            "end": 217
+                            "start": 241,
+                            "end": 241
                         }
                     },
                     "group": [
@@ -91700,8 +92129,8 @@
                 {
                     "description": "The background color of the Chat message reference.\n",
                     "commentRange": {
-                        "start": 219,
-                        "end": 220
+                        "start": 243,
+                        "end": 244
                     },
                     "context": {
                         "type": "variable",
@@ -91709,8 +92138,8 @@
                         "value": "k-color(surface)",
                         "scope": "default",
                         "line": {
-                            "start": 221,
-                            "end": 221
+                            "start": 245,
+                            "end": 245
                         }
                     },
                     "group": [
@@ -91727,8 +92156,8 @@
                 {
                     "description": "The text color of the Chat message reference.\n",
                     "commentRange": {
-                        "start": 222,
-                        "end": 223
+                        "start": 246,
+                        "end": 247
                     },
                     "context": {
                         "type": "variable",
@@ -91736,8 +92165,8 @@
                         "value": "k-color(on-app-surface)",
                         "scope": "default",
                         "line": {
-                            "start": 224,
-                            "end": 224
+                            "start": 248,
+                            "end": 248
                         }
                     },
                     "group": [
@@ -91754,8 +92183,8 @@
                 {
                     "description": "The background color of the message reference marker.\n",
                     "commentRange": {
-                        "start": 225,
-                        "end": 226
+                        "start": 249,
+                        "end": 250
                     },
                     "context": {
                         "type": "variable",
@@ -91763,8 +92192,8 @@
                         "value": "k-color(base-emphasis)",
                         "scope": "default",
                         "line": {
-                            "start": 227,
-                            "end": 227
+                            "start": 251,
+                            "end": 251
                         }
                     },
                     "group": [
@@ -91781,8 +92210,8 @@
                 {
                     "description": "The background color of the message reference alt marker.\n",
                     "commentRange": {
-                        "start": 228,
-                        "end": 229
+                        "start": 252,
+                        "end": 253
                     },
                     "context": {
                         "type": "variable",
@@ -91790,8 +92219,8 @@
                         "value": "k-color(primary-emphasis)",
                         "scope": "default",
                         "line": {
-                            "start": 230,
-                            "end": 230
+                            "start": 254,
+                            "end": 254
                         }
                     },
                     "group": [
@@ -114259,15 +114688,15 @@
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The background color of the List group items.\n",
+                    "description": "The background color of the selected hovered List items.\n",
                     "commentRange": {
                         "start": 285,
                         "end": 286
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-list-group-item-bg",
-                        "value": "null",
+                        "name": "kendo-list-item-selected-hover-bg",
+                        "value": "color-mix(in srgb, k-color(on-app-surface) 8%, transparent)",
                         "scope": "default",
                         "line": {
                             "start": 287,
@@ -114282,14 +114711,68 @@
                         "path": "material/scss/list/_variables.scss",
                         "name": "_variables.scss"
                     },
+                    "resolvedValue": "color-mix(in srgb, var(--kendo-color-on-app-surface, #1D1B20) 8%, transparent)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The text color of the selected hovered List items.\n",
+                    "commentRange": {
+                        "start": 288,
+                        "end": 289
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-list-item-selected-hover-text",
+                        "value": "k-color(primary-on-surface)",
+                        "scope": "default",
+                        "line": {
+                            "start": 290,
+                            "end": 290
+                        }
+                    },
+                    "group": [
+                        "list"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "material/scss/list/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-primary-on-surface, #65558F)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The background color of the List group items.\n",
+                    "commentRange": {
+                        "start": 292,
+                        "end": 293
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-list-group-item-bg",
+                        "value": "null",
+                        "scope": "default",
+                        "line": {
+                            "start": 294,
+                            "end": 294
+                        }
+                    },
+                    "group": [
+                        "list"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "material/scss/list/_variables.scss",
+                        "name": "_variables.scss"
+                    },
                     "resolvedValue": "null",
                     "resolvedType": "Null"
                 },
                 {
                     "description": "The text color of the List group items.\n",
                     "commentRange": {
-                        "start": 288,
-                        "end": 289
+                        "start": 295,
+                        "end": 296
                     },
                     "context": {
                         "type": "variable",
@@ -114297,8 +114780,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 290,
-                            "end": 290
+                            "start": 297,
+                            "end": 297
                         }
                     },
                     "group": [
@@ -114315,8 +114798,8 @@
                 {
                     "description": "The border color of the List group items.\n",
                     "commentRange": {
-                        "start": 291,
-                        "end": 292
+                        "start": 298,
+                        "end": 299
                     },
                     "context": {
                         "type": "variable",
@@ -114324,8 +114807,8 @@
                         "value": "inherit",
                         "scope": "default",
                         "line": {
-                            "start": 293,
-                            "end": 293
+                            "start": 300,
+                            "end": 300
                         }
                     },
                     "group": [
@@ -114342,8 +114825,8 @@
                 {
                     "description": "The base shadow of the List group items.\n",
                     "commentRange": {
-                        "start": 294,
-                        "end": 295
+                        "start": 301,
+                        "end": 302
                     },
                     "context": {
                         "type": "variable",
@@ -114351,8 +114834,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 296,
-                            "end": 296
+                            "start": 303,
+                            "end": 303
                         }
                     },
                     "group": [
@@ -114369,8 +114852,8 @@
                 {
                     "description": "The color of the 'Option Label' text.\n",
                     "commentRange": {
-                        "start": 298,
-                        "end": 299
+                        "start": 305,
+                        "end": 306
                     },
                     "context": {
                         "type": "variable",
@@ -114378,8 +114861,8 @@
                         "value": "k-color(subtle)",
                         "scope": "default",
                         "line": {
-                            "start": 300,
-                            "end": 300
+                            "start": 307,
+                            "end": 307
                         }
                     },
                     "group": [
@@ -118054,7 +118537,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": 139,
                         "end": 140
@@ -118081,7 +118564,7 @@
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The vertical padding of the Menu icon.\n",
+                    "description": "The vertical padding of the Menu expand arrow icon.\n",
                     "commentRange": {
                         "start": 142,
                         "end": 143
@@ -122642,14 +123125,14 @@
                     "resolvedType": "Number"
                 },
                 {
-                    "description": "The width of the DropDowns in the small Pager.\n",
+                    "description": "The width of the DropDowns in the Pager.\n",
                     "commentRange": {
                         "start": 91,
                         "end": 92
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-pager-sm-dropdown-width",
+                        "name": "kendo-pager-dropdown-width",
                         "value": "5em",
                         "scope": "default",
                         "line": {
@@ -122668,74 +123151,20 @@
                     "resolvedValue": "5em",
                     "resolvedType": "Number"
                 },
-                {
-                    "description": "The width of the DropDowns in the medium Pager.\n",
-                    "commentRange": {
-                        "start": 94,
-                        "end": 95
-                    },
-                    "context": {
-                        "type": "variable",
-                        "name": "kendo-pager-md-dropdown-width",
-                        "value": "5em",
-                        "scope": "default",
-                        "line": {
-                            "start": 96,
-                            "end": 96
-                        }
-                    },
-                    "group": [
-                        "pager"
-                    ],
-                    "access": "public",
-                    "file": {
-                        "path": "material/scss/pager/_variables.scss",
-                        "name": "_variables.scss"
-                    },
-                    "resolvedValue": "5em",
-                    "resolvedType": "Number"
-                },
-                {
-                    "description": "The width of the DropDowns in the large Pager.\n",
-                    "commentRange": {
-                        "start": 97,
-                        "end": 98
-                    },
-                    "context": {
-                        "type": "variable",
-                        "name": "kendo-pager-lg-dropdown-width",
-                        "value": "5em",
-                        "scope": "default",
-                        "line": {
-                            "start": 99,
-                            "end": 99
-                        }
-                    },
-                    "group": [
-                        "pager"
-                    ],
-                    "access": "public",
-                    "file": {
-                        "path": "material/scss/pager/_variables.scss",
-                        "name": "_variables.scss"
-                    },
-                    "resolvedValue": "5em",
-                    "resolvedType": "Number"
-                },
                 {
                     "description": "The sizes map of the Pager.\n",
                     "commentRange": {
-                        "start": 101,
-                        "end": 102
+                        "start": 95,
+                        "end": 96
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-pager-sizes",
-                        "value": "(\n    sm: (\n        padding-x: $kendo-pager-sm-padding-x,\n        padding-y: $kendo-pager-sm-padding-y,\n        item-group-spacing: $kendo-pager-sm-item-group-spacing,\n        item-min-width: $kendo-pager-sm-item-min-width,\n        pager-dropdown-width: $kendo-pager-sm-dropdown-width\n    ),\n    md: (\n        padding-x: $kendo-pager-md-padding-x,\n        padding-y: $kendo-pager-md-padding-y,\n        item-group-spacing: $kendo-pager-md-item-group-spacing,\n        item-min-width: $kendo-pager-md-item-min-width,\n        pager-dropdown-width: $kendo-pager-md-dropdown-width\n    ),\n    lg: (\n        padding-x: $kendo-pager-lg-padding-x,\n        padding-y: $kendo-pager-lg-padding-y,\n        item-group-spacing: $kendo-pager-lg-item-group-spacing,\n        item-min-width: $kendo-pager-lg-item-min-width,\n        pager-dropdown-width: $kendo-pager-lg-dropdown-width\n    )\n)",
+                        "value": "(\n    sm: (\n        padding-x: $kendo-pager-sm-padding-x,\n        padding-y: $kendo-pager-sm-padding-y,\n        item-group-spacing: $kendo-pager-sm-item-group-spacing,\n        item-min-width: $kendo-pager-sm-item-min-width,\n    ),\n    md: (\n        padding-x: $kendo-pager-md-padding-x,\n        padding-y: $kendo-pager-md-padding-y,\n        item-group-spacing: $kendo-pager-md-item-group-spacing,\n        item-min-width: $kendo-pager-md-item-min-width,\n    ),\n    lg: (\n        padding-x: $kendo-pager-lg-padding-x,\n        padding-y: $kendo-pager-lg-padding-y,\n        item-group-spacing: $kendo-pager-lg-item-group-spacing,\n        item-min-width: $kendo-pager-lg-item-min-width,\n    )\n)",
                         "scope": "default",
                         "line": {
-                            "start": 103,
-                            "end": 125
+                            "start": 97,
+                            "end": 116
                         }
                     },
                     "group": [
@@ -122746,29 +123175,26 @@
                         "path": "material/scss/pager/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "(sm: (padding-x: var(--kendo-spacing-1, 0.25rem), padding-y: var(--kendo-spacing-1, 0.25rem), item-group-spacing: var(--kendo-spacing-1\\.5, 0.375rem), item-min-width: calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-3\\.5, 0.875rem) / 2) * 2 + 1px * 2), pager-dropdown-width: 5em), md: (padding-x: var(--kendo-spacing-2, 0.5rem), padding-y: var(--kendo-spacing-2, 0.5rem), item-group-spacing: var(--kendo-spacing-2, 0.5rem), item-min-width: calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-4\\.5, 1.125rem) / 2) * 2 + 1px * 2), pager-dropdown-width: 5em), lg: (padding-x: var(--kendo-spacing-2\\.5, 0.625rem), padding-y: var(--kendo-spacing-2\\.5, 0.625rem), item-group-spacing: var(--kendo-spacing-2\\.5, 0.625rem), item-min-width: calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-5\\.5, 1.375rem) / 2) * 2 + 1px * 2), pager-dropdown-width: 5em))",
+                    "resolvedValue": "(sm: (padding-x: var(--kendo-spacing-1, 0.25rem), padding-y: var(--kendo-spacing-1, 0.25rem), item-group-spacing: var(--kendo-spacing-1\\.5, 0.375rem), item-min-width: calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-3\\.5, 0.875rem) / 2) * 2 + 1px * 2)), md: (padding-x: var(--kendo-spacing-2, 0.5rem), padding-y: var(--kendo-spacing-2, 0.5rem), item-group-spacing: var(--kendo-spacing-2, 0.5rem), item-min-width: calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-4\\.5, 1.125rem) / 2) * 2 + 1px * 2)), lg: (padding-x: var(--kendo-spacing-2\\.5, 0.625rem), padding-y: var(--kendo-spacing-2\\.5, 0.625rem), item-group-spacing: var(--kendo-spacing-2\\.5, 0.625rem), item-min-width: calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-5\\.5, 1.375rem) / 2) * 2 + 1px * 2)))",
                     "resolvedType": "Map",
                     "prettyValue": {
                         "sm": {
                             "padding-x": "var(--kendo-spacing-1, 0.25rem)",
                             "padding-y": "var(--kendo-spacing-1, 0.25rem)",
                             "item-group-spacing": "var(--kendo-spacing-1\\.5, 0.375rem)",
-                            "item-min-width": "calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-3\\.5, 0.875rem) / 2) * 2 + 1px * 2)",
-                            "pager-dropdown-width": "5em"
+                            "item-min-width": "calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-3\\.5, 0.875rem) / 2) * 2 + 1px * 2)"
                         },
                         "md": {
                             "padding-x": "var(--kendo-spacing-2, 0.5rem)",
                             "padding-y": "var(--kendo-spacing-2, 0.5rem)",
                             "item-group-spacing": "var(--kendo-spacing-2, 0.5rem)",
-                            "item-min-width": "calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-4\\.5, 1.125rem) / 2) * 2 + 1px * 2)",
-                            "pager-dropdown-width": "5em"
+                            "item-min-width": "calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-4\\.5, 1.125rem) / 2) * 2 + 1px * 2)"
                         },
                         "lg": {
                             "padding-x": "var(--kendo-spacing-2\\.5, 0.625rem)",
                             "padding-y": "var(--kendo-spacing-2\\.5, 0.625rem)",
                             "item-group-spacing": "var(--kendo-spacing-2\\.5, 0.625rem)",
-                            "item-min-width": "calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-5\\.5, 1.375rem) / 2) * 2 + 1px * 2)",
-                            "pager-dropdown-width": "5em"
+                            "item-min-width": "calc(var(--kendo-line-height, normal) * 1em + calc(var(--kendo-spacing-5\\.5, 1.375rem) / 2) * 2 + 1px * 2)"
                         }
                     }
                 }