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

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

@@ -2983,7 +2983,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,
@@ -3477,8 +3477,8 @@
     {
         "description": "The background color of the hovered alt Bubble.\n",
         "commentRange": {
-            "start": 137,
-            "end": 138
+            "start": 143,
+            "end": 144
         },
         "context": {
             "type": "variable",
@@ -3486,8 +3486,8 @@
             "value": "k-color(primary-hover)",
             "scope": "default",
             "line": {
-                "start": 139,
-                "end": 139
+                "start": 145,
+                "end": 145
             }
         },
         "group": [
@@ -3502,8 +3502,8 @@
     {
         "description": "The border color of the hovered alt Bubble.\n",
         "commentRange": {
-            "start": 140,
-            "end": 141
+            "start": 146,
+            "end": 147
         },
         "context": {
             "type": "variable",
@@ -3511,8 +3511,8 @@
             "value": "$kendo-chat-alt-bubble-hover-bg",
             "scope": "default",
             "line": {
-                "start": 142,
-                "end": 142
+                "start": 148,
+                "end": 148
             }
         },
         "group": [
@@ -3527,8 +3527,8 @@
     {
         "description": "The background color of the active Bubble.\n",
         "commentRange": {
-            "start": 143,
-            "end": 144
+            "start": 149,
+            "end": 150
         },
         "context": {
             "type": "variable",
@@ -3536,8 +3536,8 @@
             "value": "k-color(primary-active)",
             "scope": "default",
             "line": {
-                "start": 145,
-                "end": 145
+                "start": 151,
+                "end": 151
             }
         },
         "group": [
@@ -3552,8 +3552,8 @@
     {
         "description": "The border color of the active alt Bubble.\n",
         "commentRange": {
-            "start": 146,
-            "end": 147
+            "start": 152,
+            "end": 153
         },
         "context": {
             "type": "variable",
@@ -3561,8 +3561,8 @@
             "value": "$kendo-chat-alt-bubble-active-bg",
             "scope": "default",
             "line": {
-                "start": 148,
-                "end": 148
+                "start": 154,
+                "end": 154
             }
         },
         "group": [
@@ -3577,8 +3577,8 @@
     {
         "description": "The background color of the focused alt Bubble.\n",
         "commentRange": {
-            "start": 149,
-            "end": 150
+            "start": 155,
+            "end": 156
         },
         "context": {
             "type": "variable",
@@ -3586,8 +3586,8 @@
             "value": "$kendo-chat-alt-bubble-bg",
             "scope": "default",
             "line": {
-                "start": 151,
-                "end": 151
+                "start": 157,
+                "end": 157
             }
         },
         "group": [
@@ -3602,8 +3602,8 @@
     {
         "description": "The border color of the focused alt Bubble.\n",
         "commentRange": {
-            "start": 152,
-            "end": 153
+            "start": 158,
+            "end": 159
         },
         "context": {
             "type": "variable",
@@ -3611,8 +3611,8 @@
             "value": "$kendo-chat-alt-bubble-focus-bg",
             "scope": "default",
             "line": {
-                "start": 154,
-                "end": 154
+                "start": 160,
+                "end": 160
             }
         },
         "group": [
@@ -3627,8 +3627,8 @@
     {
         "description": "The box shadow of the focused alt Bubble.\n",
         "commentRange": {
-            "start": 155,
-            "end": 156
+            "start": 161,
+            "end": 162
         },
         "context": {
             "type": "variable",
@@ -3636,8 +3636,8 @@
             "value": "0 0 0 2px color-mix(in srgb, k-color(primary) 16%, transparent)",
             "scope": "default",
             "line": {
-                "start": 157,
-                "end": 157
+                "start": 163,
+                "end": 163
             }
         },
         "group": [
@@ -9950,15 +9950,15 @@
         }
     },
     {
-        "description": "The spacing between the icon and text in the Chat message status.\n",
+        "description": "The minimum size of the Chat message status.\n",
         "commentRange": {
             "start": 53,
             "end": 54
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-message-status-gap",
-            "value": "k-spacing(1)",
+            "name": "kendo-chat-status-min-size",
+            "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
                 "start": 55,
@@ -9974,11 +9974,61 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The maximum size of the Chat message status.\n",
+        "commentRange": {
+            "start": 56,
+            "end": 57
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-chat-status-max-size",
+            "value": "k-spacing(8)",
+            "scope": "default",
+            "line": {
+                "start": 58,
+                "end": 58
+            }
+        },
+        "group": [
+            "chat"
+        ],
+        "access": "public",
+        "file": {
+            "path": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The spacing between the icon and text in the Chat message status.\n",
+        "commentRange": {
+            "start": 59,
+            "end": 60
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-chat-message-status-gap",
+            "value": "k-spacing(1)",
+            "scope": "default",
+            "line": {
+                "start": 61,
+                "end": 61
+            }
+        },
+        "group": [
+            "chat"
+        ],
+        "access": "public",
+        "file": {
+            "path": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The font size of the Chat timestamp.\n",
         "commentRange": {
-            "start": 57,
-            "end": 58
+            "start": 63,
+            "end": 64
         },
         "context": {
             "type": "variable",
@@ -9986,8 +10036,8 @@
             "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
-                "start": 59,
-                "end": 59
+                "start": 65,
+                "end": 65
             }
         },
         "group": [
@@ -10002,8 +10052,8 @@
     {
         "description": "The line height of the Chat timestamp.\n",
         "commentRange": {
-            "start": 60,
-            "end": 61
+            "start": 66,
+            "end": 67
         },
         "context": {
             "type": "variable",
@@ -10011,8 +10061,8 @@
             "value": "var( --kendo-line-height-lg, normal )",
             "scope": "default",
             "line": {
-                "start": 62,
-                "end": 62
+                "start": 68,
+                "end": 68
             }
         },
         "group": [
@@ -10027,8 +10077,8 @@
     {
         "description": "The text transform of the Chat timestamp.\n",
         "commentRange": {
-            "start": 63,
-            "end": 64
+            "start": 69,
+            "end": 70
         },
         "context": {
             "type": "variable",
@@ -10036,8 +10086,8 @@
             "value": "none",
             "scope": "default",
             "line": {
-                "start": 65,
-                "end": 65
+                "start": 71,
+                "end": 71
             }
         },
         "group": [
@@ -10052,8 +10102,8 @@
     {
         "description": "The text color of the Chat timestamp.\n",
         "commentRange": {
-            "start": 66,
-            "end": 67
+            "start": 72,
+            "end": 73
         },
         "context": {
             "type": "variable",
@@ -10061,8 +10111,8 @@
             "value": "k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 68,
-                "end": 68
+                "start": 74,
+                "end": 74
             }
         },
         "group": [
@@ -10077,8 +10127,8 @@
     {
         "description": "The background color of the Chat timestamp.\n",
         "commentRange": {
-            "start": 69,
-            "end": 70
+            "start": 75,
+            "end": 76
         },
         "context": {
             "type": "variable",
@@ -10086,8 +10136,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 71,
-                "end": 71
+                "start": 77,
+                "end": 77
             }
         },
         "group": [
@@ -10102,8 +10152,8 @@
     {
         "description": "The background color of the Chat timestamp separator.\n",
         "commentRange": {
-            "start": 72,
-            "end": 73
+            "start": 78,
+            "end": 79
         },
         "context": {
             "type": "variable",
@@ -10111,8 +10161,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 74,
-                "end": 74
+                "start": 80,
+                "end": 80
             }
         },
         "group": [
@@ -10127,8 +10177,8 @@
     {
         "description": "The spacing between the Chat timestamp and its separator.\n",
         "commentRange": {
-            "start": 75,
-            "end": 76
+            "start": 81,
+            "end": 82
         },
         "context": {
             "type": "variable",
@@ -10136,8 +10186,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 77,
-                "end": 77
+                "start": 83,
+                "end": 83
             }
         },
         "group": [
@@ -10152,8 +10202,8 @@
     {
         "description": "The font size of the Chat message meta text.\n",
         "commentRange": {
-            "start": 79,
-            "end": 80
+            "start": 85,
+            "end": 86
         },
         "context": {
             "type": "variable",
@@ -10161,8 +10211,8 @@
             "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
-                "start": 81,
-                "end": 81
+                "start": 87,
+                "end": 87
             }
         },
         "group": [
@@ -10177,8 +10227,8 @@
     {
         "description": "The line height of the Chat message meta text.\n",
         "commentRange": {
-            "start": 82,
-            "end": 83
+            "start": 88,
+            "end": 89
         },
         "context": {
             "type": "variable",
@@ -10186,8 +10236,8 @@
             "value": "var( --kendo-line-height-lg, normal )",
             "scope": "default",
             "line": {
-                "start": 84,
-                "end": 84
+                "start": 90,
+                "end": 90
             }
         },
         "group": [
@@ -10202,8 +10252,8 @@
     {
         "description": "The font size of the Chat author text.\n",
         "commentRange": {
-            "start": 86,
-            "end": 87
+            "start": 92,
+            "end": 93
         },
         "context": {
             "type": "variable",
@@ -10211,8 +10261,8 @@
             "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
-                "start": 88,
-                "end": 88
+                "start": 94,
+                "end": 94
             }
         },
         "group": [
@@ -10227,8 +10277,8 @@
     {
         "description": "The line height of the Chat author text.\n",
         "commentRange": {
-            "start": 89,
-            "end": 90
+            "start": 95,
+            "end": 96
         },
         "context": {
             "type": "variable",
@@ -10236,8 +10286,8 @@
             "value": "var( --kendo-line-height-xs, normal )",
             "scope": "default",
             "line": {
-                "start": 91,
-                "end": 91
+                "start": 97,
+                "end": 97
             }
         },
         "group": [
@@ -10252,8 +10302,8 @@
     {
         "description": "The text color of the Chat status.\n",
         "commentRange": {
-            "start": 93,
-            "end": 94
+            "start": 99,
+            "end": 100
         },
         "context": {
             "type": "variable",
@@ -10261,8 +10311,8 @@
             "value": "k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 95,
-                "end": 95
+                "start": 101,
+                "end": 101
             }
         },
         "group": [
@@ -10277,8 +10327,8 @@
     {
         "description": "The spacing of the Chat bubble message.\n",
         "commentRange": {
-            "start": 97,
-            "end": 98
+            "start": 103,
+            "end": 104
         },
         "context": {
             "type": "variable",
@@ -10286,8 +10336,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 99,
-                "end": 99
+                "start": 105,
+                "end": 105
             }
         },
         "group": [
@@ -10302,8 +10352,8 @@
     {
         "description": "The background color of the Chat Toolbar.\n",
         "commentRange": {
-            "start": 101,
-            "end": 102
+            "start": 107,
+            "end": 108
         },
         "context": {
             "type": "variable",
@@ -10311,8 +10361,8 @@
             "value": "$kendo-toolbar-bg",
             "scope": "default",
             "line": {
-                "start": 103,
-                "end": 103
+                "start": 109,
+                "end": 109
             }
         },
         "group": [
@@ -10327,8 +10377,8 @@
     {
         "description": "The text color of the Chat Toolbar.\n",
         "commentRange": {
-            "start": 104,
-            "end": 105
+            "start": 110,
+            "end": 111
         },
         "context": {
             "type": "variable",
@@ -10336,8 +10386,8 @@
             "value": "$kendo-toolbar-text",
             "scope": "default",
             "line": {
-                "start": 106,
-                "end": 106
+                "start": 112,
+                "end": 112
             }
         },
         "group": [
@@ -10352,8 +10402,8 @@
     {
         "description": "The border color of the Chat Toolbar.\n",
         "commentRange": {
-            "start": 107,
-            "end": 108
+            "start": 113,
+            "end": 114
         },
         "context": {
             "type": "variable",
@@ -10361,8 +10411,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 109,
-                "end": 109
+                "start": 115,
+                "end": 115
             }
         },
         "group": [
@@ -10377,8 +10427,8 @@
     {
         "description": "The background color of the Chat.\n",
         "commentRange": {
-            "start": 111,
-            "end": 112
+            "start": 117,
+            "end": 118
         },
         "context": {
             "type": "variable",
@@ -10386,8 +10436,8 @@
             "value": "k-color(surface)",
             "scope": "default",
             "line": {
-                "start": 113,
-                "end": 113
+                "start": 119,
+                "end": 119
             }
         },
         "group": [
@@ -10402,8 +10452,8 @@
     {
         "description": "The text color of the Chat.\n",
         "commentRange": {
-            "start": 114,
-            "end": 115
+            "start": 120,
+            "end": 121
         },
         "context": {
             "type": "variable",
@@ -10411,8 +10461,8 @@
             "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 116,
-                "end": 116
+                "start": 122,
+                "end": 122
             }
         },
         "group": [
@@ -10427,8 +10477,8 @@
     {
         "description": "The border color of the Chat.\n",
         "commentRange": {
-            "start": 117,
-            "end": 118
+            "start": 123,
+            "end": 124
         },
         "context": {
             "type": "variable",
@@ -10436,8 +10486,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 119,
-                "end": 119
+                "start": 125,
+                "end": 125
             }
         },
         "group": [
@@ -10452,8 +10502,8 @@
     {
         "description": "The color of the typing indicator dots.\n",
         "commentRange": {
-            "start": 121,
-            "end": 122
+            "start": 127,
+            "end": 128
         },
         "context": {
             "type": "variable",
@@ -10461,8 +10511,8 @@
             "value": "k-color(base-on-subtle)",
             "scope": "default",
             "line": {
-                "start": 123,
-                "end": 123
+                "start": 129,
+                "end": 129
             }
         },
         "group": [
@@ -10477,8 +10527,8 @@
     {
         "description": "The background color of the Chat alt bubble.\n",
         "commentRange": {
-            "start": 125,
-            "end": 126
+            "start": 131,
+            "end": 132
         },
         "context": {
             "type": "variable",
@@ -10486,8 +10536,8 @@
             "value": "k-color(primary)",
             "scope": "default",
             "line": {
-                "start": 127,
-                "end": 127
+                "start": 133,
+                "end": 133
             }
         },
         "group": [
@@ -10502,8 +10552,8 @@
     {
         "description": "The text color of the Chat alt bubble.\n",
         "commentRange": {
-            "start": 128,
-            "end": 129
+            "start": 134,
+            "end": 135
         },
         "context": {
             "type": "variable",
@@ -10511,8 +10561,8 @@
             "value": "k-color(on-primary)",
             "scope": "default",
             "line": {
-                "start": 130,
-                "end": 130
+                "start": 136,
+                "end": 136
             }
         },
         "group": [
@@ -10527,8 +10577,8 @@
     {
         "description": "The border color of the Chat alt bubble.\n",
         "commentRange": {
-            "start": 131,
-            "end": 132
+            "start": 137,
+            "end": 138
         },
         "context": {
             "type": "variable",
@@ -10536,8 +10586,8 @@
             "value": "$kendo-chat-alt-bubble-bg",
             "scope": "default",
             "line": {
-                "start": 133,
-                "end": 133
+                "start": 139,
+                "end": 139
             }
         },
         "group": [
@@ -10552,8 +10602,8 @@
     {
         "description": "The shadow of the Chat alt bubble.\n",
         "commentRange": {
-            "start": 134,
-            "end": 135
+            "start": 140,
+            "end": 141
         },
         "context": {
             "type": "variable",
@@ -10561,8 +10611,8 @@
             "value": "none",
             "scope": "default",
             "line": {
-                "start": 136,
-                "end": 136
+                "start": 142,
+                "end": 142
             }
         },
         "group": [
@@ -10575,19 +10625,144 @@
         }
     },
     {
-        "description": "The width of a file in the Chat Textarea.\n",
+        "description": "The minimum width of a file in the Chat Textarea.\n",
         "commentRange": {
-            "start": 159,
-            "end": 160
+            "start": 165,
+            "end": 166
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-file-width",
-            "value": "240px",
+            "name": "kendo-chat-file-min-width",
+            "value": "96px",
             "scope": "default",
             "line": {
-                "start": 161,
-                "end": 161
+                "start": 167,
+                "end": 167
+            }
+        },
+        "group": [
+            "chat"
+        ],
+        "access": "public",
+        "file": {
+            "path": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The maximum width of a file in the Chat Textarea.\n",
+        "commentRange": {
+            "start": 168,
+            "end": 169
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-chat-file-max-width",
+            "value": "160px",
+            "scope": "default",
+            "line": {
+                "start": 170,
+                "end": 170
+            }
+        },
+        "group": [
+            "chat"
+        ],
+        "access": "public",
+        "file": {
+            "path": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the Chat file name.\n",
+        "commentRange": {
+            "start": 171,
+            "end": 172
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-chat-file-name-font-size",
+            "value": "var( --kendo-font-size-sm, inherit )",
+            "scope": "default",
+            "line": {
+                "start": 173,
+                "end": 173
+            }
+        },
+        "group": [
+            "chat"
+        ],
+        "access": "public",
+        "file": {
+            "path": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the Chat file name.\n",
+        "commentRange": {
+            "start": 174,
+            "end": 175
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-chat-file-name-line-height",
+            "value": "var( --kendo-line-height-lg, normal )",
+            "scope": "default",
+            "line": {
+                "start": 176,
+                "end": 176
+            }
+        },
+        "group": [
+            "chat"
+        ],
+        "access": "public",
+        "file": {
+            "path": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the Chat file size.\n",
+        "commentRange": {
+            "start": 177,
+            "end": 178
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-chat-file-size-font-size",
+            "value": "var( --kendo-font-size-xs, inherit )",
+            "scope": "default",
+            "line": {
+                "start": 179,
+                "end": 179
+            }
+        },
+        "group": [
+            "chat"
+        ],
+        "access": "public",
+        "file": {
+            "path": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the Chat file size.\n",
+        "commentRange": {
+            "start": 180,
+            "end": 181
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-chat-file-size-line-height",
+            "value": "var( --kendo-line-height-xs, normal )",
+            "scope": "default",
+            "line": {
+                "start": 182,
+                "end": 182
             }
         },
         "group": [
@@ -10602,17 +10777,17 @@
     {
         "description": "The horizontal padding of the Chat file.\n",
         "commentRange": {
-            "start": 162,
-            "end": 163
+            "start": 183,
+            "end": 184
         },
         "context": {
             "type": "variable",
             "name": "kendo-chat-file-padding-x",
-            "value": "k-spacing(2)",
+            "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 164,
-                "end": 164
+                "start": 185,
+                "end": 185
             }
         },
         "group": [
@@ -10627,17 +10802,17 @@
     {
         "description": "The vertical padding of the Chat file.\n",
         "commentRange": {
-            "start": 165,
-            "end": 166
+            "start": 186,
+            "end": 187
         },
         "context": {
             "type": "variable",
             "name": "kendo-chat-file-padding-y",
-            "value": "k-spacing(2)",
+            "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 167,
-                "end": 167
+                "start": 188,
+                "end": 188
             }
         },
         "group": [
@@ -10652,8 +10827,8 @@
     {
         "description": "The spacing between the elements of the Chat file.\n",
         "commentRange": {
-            "start": 168,
-            "end": 169
+            "start": 189,
+            "end": 190
         },
         "context": {
             "type": "variable",
@@ -10661,8 +10836,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 170,
-                "end": 170
+                "start": 191,
+                "end": 191
             }
         },
         "group": [
@@ -10677,8 +10852,8 @@
     {
         "description": "The border width of the Chat file.\n",
         "commentRange": {
-            "start": 172,
-            "end": 173
+            "start": 193,
+            "end": 194
         },
         "context": {
             "type": "variable",
@@ -10686,8 +10861,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 174,
-                "end": 174
+                "start": 195,
+                "end": 195
             }
         },
         "group": [
@@ -10702,8 +10877,8 @@
     {
         "description": "The border style of the Chat file.\n",
         "commentRange": {
-            "start": 175,
-            "end": 176
+            "start": 196,
+            "end": 197
         },
         "context": {
             "type": "variable",
@@ -10711,8 +10886,8 @@
             "value": "solid",
             "scope": "default",
             "line": {
-                "start": 177,
-                "end": 177
+                "start": 198,
+                "end": 198
             }
         },
         "group": [
@@ -10727,17 +10902,17 @@
     {
         "description": "The background color of the Chat file.\n",
         "commentRange": {
-            "start": 179,
-            "end": 180
+            "start": 200,
+            "end": 201
         },
         "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": 181,
-                "end": 181
+                "start": 202,
+                "end": 202
             }
         },
         "group": [
@@ -10752,8 +10927,8 @@
     {
         "description": "The text color of the Chat file.\n",
         "commentRange": {
-            "start": 182,
-            "end": 183
+            "start": 203,
+            "end": 204
         },
         "context": {
             "type": "variable",
@@ -10761,8 +10936,8 @@
             "value": "k-color(base-on-subtle)",
             "scope": "default",
             "line": {
-                "start": 184,
-                "end": 184
+                "start": 205,
+                "end": 205
             }
         },
         "group": [
@@ -10777,8 +10952,8 @@
     {
         "description": "The border color of the Chat file.\n",
         "commentRange": {
-            "start": 185,
-            "end": 186
+            "start": 206,
+            "end": 207
         },
         "context": {
             "type": "variable",
@@ -10786,8 +10961,8 @@
             "value": "$kendo-chat-file-bg",
             "scope": "default",
             "line": {
-                "start": 187,
-                "end": 187
+                "start": 208,
+                "end": 208
             }
         },
         "group": [
@@ -10802,8 +10977,8 @@
     {
         "description": "The border-radius of the Chat file.\n",
         "commentRange": {
-            "start": 188,
-            "end": 189
+            "start": 209,
+            "end": 210
         },
         "context": {
             "type": "variable",
@@ -10811,8 +10986,8 @@
             "value": "k-border-radius(md)",
             "scope": "default",
             "line": {
-                "start": 190,
-                "end": 190
+                "start": 211,
+                "end": 211
             }
         },
         "group": [
@@ -10825,19 +11000,19 @@
         }
     },
     {
-        "description": "The horizontal padding of the file download wrapper.\n",
+        "description": "The background color of the Chat sender file.\n",
         "commentRange": {
-            "start": 192,
-            "end": 193
+            "start": 213,
+            "end": 214
         },
         "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": 194,
-                "end": 194
+                "start": 215,
+                "end": 215
             }
         },
         "group": [
@@ -10850,19 +11025,44 @@
         }
     },
     {
-        "description": "The vertical padding of the file download wrapper.\n",
+        "description": "The text 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-y",
-            "value": "k-spacing(2)",
+            "name": "kendo-chat-sender-file-text",
+            "value": "k-color(on-primary)",
             "scope": "default",
             "line": {
-                "start": 197,
-                "end": 197
+                "start": 218,
+                "end": 218
+            }
+        },
+        "group": [
+            "chat"
+        ],
+        "access": "public",
+        "file": {
+            "path": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the Chat sender file.\n",
+        "commentRange": {
+            "start": 219,
+            "end": 220
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-chat-sender-file-border",
+            "value": "$kendo-chat-sender-file-bg",
+            "scope": "default",
+            "line": {
+                "start": 221,
+                "end": 221
             }
         },
         "group": [
@@ -10877,8 +11077,8 @@
     {
         "description": "The border width of the Chat pinned message;\n",
         "commentRange": {
-            "start": 199,
-            "end": 200
+            "start": 223,
+            "end": 224
         },
         "context": {
             "type": "variable",
@@ -10886,8 +11086,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 201,
-                "end": 201
+                "start": 225,
+                "end": 225
             }
         },
         "group": [
@@ -10902,8 +11102,8 @@
     {
         "description": "The border style of the Chat pinned message;\n",
         "commentRange": {
-            "start": 202,
-            "end": 203
+            "start": 226,
+            "end": 227
         },
         "context": {
             "type": "variable",
@@ -10911,8 +11111,8 @@
             "value": "solid",
             "scope": "default",
             "line": {
-                "start": 204,
-                "end": 204
+                "start": 228,
+                "end": 228
             }
         },
         "group": [
@@ -10927,8 +11127,8 @@
     {
         "description": "The border color of the Chat pinned message;\n",
         "commentRange": {
-            "start": 205,
-            "end": 206
+            "start": 229,
+            "end": 230
         },
         "context": {
             "type": "variable",
@@ -10936,8 +11136,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 207,
-                "end": 207
+                "start": 231,
+                "end": 231
             }
         },
         "group": [
@@ -10952,8 +11152,8 @@
     {
         "description": "The horizontal padding of the Chat message reference.\n",
         "commentRange": {
-            "start": 209,
-            "end": 210
+            "start": 233,
+            "end": 234
         },
         "context": {
             "type": "variable",
@@ -10961,8 +11161,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 211,
-                "end": 211
+                "start": 235,
+                "end": 235
             }
         },
         "group": [
@@ -10977,8 +11177,8 @@
     {
         "description": "The vertical padding of the Chat message reference.\n",
         "commentRange": {
-            "start": 212,
-            "end": 213
+            "start": 236,
+            "end": 237
         },
         "context": {
             "type": "variable",
@@ -10986,8 +11186,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 214,
-                "end": 214
+                "start": 238,
+                "end": 238
             }
         },
         "group": [
@@ -11002,8 +11202,8 @@
     {
         "description": "The background color of the Chat message reference.\n",
         "commentRange": {
-            "start": 216,
-            "end": 217
+            "start": 240,
+            "end": 241
         },
         "context": {
             "type": "variable",
@@ -11011,8 +11211,8 @@
             "value": "k-color(surface)",
             "scope": "default",
             "line": {
-                "start": 218,
-                "end": 218
+                "start": 242,
+                "end": 242
             }
         },
         "group": [
@@ -11027,8 +11227,8 @@
     {
         "description": "The text color of the Chat message reference.\n",
         "commentRange": {
-            "start": 219,
-            "end": 220
+            "start": 243,
+            "end": 244
         },
         "context": {
             "type": "variable",
@@ -11036,8 +11236,8 @@
             "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 221,
-                "end": 221
+                "start": 245,
+                "end": 245
             }
         },
         "group": [
@@ -11052,8 +11252,8 @@
     {
         "description": "The background color of the message reference marker.\n",
         "commentRange": {
-            "start": 222,
-            "end": 223
+            "start": 246,
+            "end": 247
         },
         "context": {
             "type": "variable",
@@ -11061,8 +11261,8 @@
             "value": "k-color(base-emphasis)",
             "scope": "default",
             "line": {
-                "start": 224,
-                "end": 224
+                "start": 248,
+                "end": 248
             }
         },
         "group": [
@@ -11077,8 +11277,8 @@
     {
         "description": "The background color of the message reference alt marker.\n",
         "commentRange": {
-            "start": 225,
-            "end": 226
+            "start": 249,
+            "end": 250
         },
         "context": {
             "type": "variable",
@@ -11086,8 +11286,8 @@
             "value": "k-color(primary-emphasis)",
             "scope": "default",
             "line": {
-                "start": 227,
-                "end": 227
+                "start": 251,
+                "end": 251
             }
         },
         "group": [
@@ -30425,15 +30625,15 @@
         }
     },
     {
-        "description": "The background color of the List group items.\n",
+        "description": "The background color of the selected hovered List items.\n",
         "commentRange": {
             "start": 280,
             "end": 281
         },
         "context": {
             "type": "variable",
-            "name": "kendo-list-group-item-bg",
-            "value": "null",
+            "name": "kendo-list-item-selected-hover-bg",
+            "value": "k-color(primary-hover)",
             "scope": "default",
             "line": {
                 "start": 282,
@@ -30450,15 +30650,15 @@
         }
     },
     {
-        "description": "The text color of the List group items.\n",
+        "description": "The text color of the selected hovered List items.\n",
         "commentRange": {
             "start": 283,
             "end": 284
         },
         "context": {
             "type": "variable",
-            "name": "kendo-list-group-item-text",
-            "value": "null",
+            "name": "kendo-list-item-selected-hover-text",
+            "value": "k-color(on-primary)",
             "scope": "default",
             "line": {
                 "start": 285,
@@ -30474,11 +30674,61 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The background color of the List group items.\n",
+        "commentRange": {
+            "start": 287,
+            "end": 288
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-list-group-item-bg",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 289,
+                "end": 289
+            }
+        },
+        "group": [
+            "list"
+        ],
+        "access": "public",
+        "file": {
+            "path": "list/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the List group items.\n",
+        "commentRange": {
+            "start": 290,
+            "end": 291
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-list-group-item-text",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 292,
+                "end": 292
+            }
+        },
+        "group": [
+            "list"
+        ],
+        "access": "public",
+        "file": {
+            "path": "list/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The border color of the List group items.\n",
         "commentRange": {
-            "start": 286,
-            "end": 287
+            "start": 293,
+            "end": 294
         },
         "context": {
             "type": "variable",
@@ -30486,8 +30736,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 288,
-                "end": 288
+                "start": 295,
+                "end": 295
             }
         },
         "group": [
@@ -30502,8 +30752,8 @@
     {
         "description": "The base shadow of the List group items.\n",
         "commentRange": {
-            "start": 289,
-            "end": 290
+            "start": 296,
+            "end": 297
         },
         "context": {
             "type": "variable",
@@ -30511,8 +30761,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 291,
-                "end": 291
+                "start": 298,
+                "end": 298
             }
         },
         "group": [
@@ -30527,8 +30777,8 @@
     {
         "description": "The color of the 'Option Label' text.\n",
         "commentRange": {
-            "start": 293,
-            "end": 294
+            "start": 300,
+            "end": 301
         },
         "context": {
             "type": "variable",
@@ -30536,8 +30786,8 @@
             "value": "k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 295,
-                "end": 295
+                "start": 302,
+                "end": 302
             }
         },
         "group": [
@@ -33850,7 +34100,7 @@
         }
     },
     {
-        "description": "The horizontal padding of the Menu icon.\n",
+        "description": "The horizontal padding of the Menu expand arrow icon.\n",
         "commentRange": {
             "start": 137,
             "end": 138
@@ -33875,7 +34125,7 @@
         }
     },
     {
-        "description": "The vertical padding of the Menu icon.\n",
+        "description": "The vertical padding of the Menu expand arrow icon.\n",
         "commentRange": {
             "start": 140,
             "end": 141
@@ -36975,14 +37225,14 @@
         }
     },
     {
-        "description": "The width of the DropDowns in the small Pager.\n",
+        "description": "The width of the DropDowns in the Pager.\n",
         "commentRange": {
             "start": 86,
             "end": 87
         },
         "context": {
             "type": "variable",
-            "name": "kendo-pager-sm-dropdown-width",
+            "name": "kendo-pager-dropdown-width",
             "value": "5em",
             "scope": "default",
             "line": {
@@ -36999,70 +37249,20 @@
             "name": "_variables.scss"
         }
     },
-    {
-        "description": "The width of the DropDowns in the medium Pager.\n",
-        "commentRange": {
-            "start": 89,
-            "end": 90
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-pager-md-dropdown-width",
-            "value": "5em",
-            "scope": "default",
-            "line": {
-                "start": 91,
-                "end": 91
-            }
-        },
-        "group": [
-            "pager"
-        ],
-        "access": "public",
-        "file": {
-            "path": "pager/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The width of the DropDowns in the large Pager.\n",
-        "commentRange": {
-            "start": 92,
-            "end": 93
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-pager-lg-dropdown-width",
-            "value": "5em",
-            "scope": "default",
-            "line": {
-                "start": 94,
-                "end": 94
-            }
-        },
-        "group": [
-            "pager"
-        ],
-        "access": "public",
-        "file": {
-            "path": "pager/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
     {
         "description": "The sizes map of the Pager.\n",
         "commentRange": {
-            "start": 96,
-            "end": 97
+            "start": 90,
+            "end": 91
         },
         "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": 98,
-                "end": 120
+                "start": 92,
+                "end": 111
             }
         },
         "group": [