@progress/kendo-theme-default 11.3.3-dev.0 → 12.0.0-dev.0

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

@@ -2949,6 +2949,706 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The border radius of the Bubble.\n",
+        "commentRange": {
+            "start": 4,
+            "end": 5
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-bubble-border-radius",
+            "value": "k-border-radius(xxl)",
+            "scope": "default",
+            "line": {
+                "start": 6,
+                "end": 6
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "bubble/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The small border radius of the Bubble.\n",
+        "commentRange": {
+            "start": 7,
+            "end": 8
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-bubble-border-radius-sm",
+            "value": "k-border-radius(xs)",
+            "scope": "default",
+            "line": {
+                "start": 9,
+                "end": 9
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "bubble/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the Bubble.\n",
+        "commentRange": {
+            "start": 10,
+            "end": 11
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-bubble-padding-y",
+            "value": "k-spacing(2)",
+            "scope": "default",
+            "line": {
+                "start": 12,
+                "end": 12
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "bubble/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the Bubble.\n",
+        "commentRange": {
+            "start": 13,
+            "end": 14
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-bubble-padding-x",
+            "value": "k-spacing(3)",
+            "scope": "default",
+            "line": {
+                "start": 15,
+                "end": 15
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "bubble/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border width of the Bubble.\n",
+        "commentRange": {
+            "start": 16,
+            "end": 17
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-bubble-border-width",
+            "value": "1px",
+            "scope": "default",
+            "line": {
+                "start": 18,
+                "end": 18
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "bubble/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border style of the Bubble.\n",
+        "commentRange": {
+            "start": 19,
+            "end": 20
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-bubble-border-style",
+            "value": "solid",
+            "scope": "default",
+            "line": {
+                "start": 21,
+                "end": 21
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "bubble/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the Bubble.\n",
+        "commentRange": {
+            "start": 22,
+            "end": 23
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-bubble-line-height",
+            "value": "var( --kendo-line-height, normal )",
+            "scope": "default",
+            "line": {
+                "start": 24,
+                "end": 24
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "bubble/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the Bubble.\n",
+        "commentRange": {
+            "start": 26,
+            "end": 27
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-bubble-text",
+            "value": "k-color(on-app-surface)",
+            "scope": "default",
+            "line": {
+                "start": 28,
+                "end": 28
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "bubble/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the Bubble.\n",
+        "commentRange": {
+            "start": 29,
+            "end": 30
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-bubble-bg",
+            "value": "k-color(base-subtle)",
+            "scope": "default",
+            "line": {
+                "start": 31,
+                "end": 31
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "bubble/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the Bubble.\n",
+        "commentRange": {
+            "start": 32,
+            "end": 33
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-bubble-border",
+            "value": "$kendo-bubble-bg",
+            "scope": "default",
+            "line": {
+                "start": 34,
+                "end": 34
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "bubble/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The shadow of the Bubble.\n",
+        "commentRange": {
+            "start": 35,
+            "end": 36
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-bubble-shadow",
+            "value": "none",
+            "scope": "default",
+            "line": {
+                "start": 37,
+                "end": 37
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "bubble/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the hover Bubble.\n",
+        "commentRange": {
+            "start": 39,
+            "end": 40
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-bubble-hover-bg",
+            "value": "k-color(base-subtle-hover)",
+            "scope": "default",
+            "line": {
+                "start": 41,
+                "end": 41
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "bubble/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the active Bubble.\n",
+        "commentRange": {
+            "start": 42,
+            "end": 43
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-bubble-hover-border",
+            "value": "$kendo-bubble-hover-bg",
+            "scope": "default",
+            "line": {
+                "start": 44,
+                "end": 44
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "bubble/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the active Bubble.\n",
+        "commentRange": {
+            "start": 45,
+            "end": 46
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-bubble-active-bg",
+            "value": "k-color(base-subtle-active)",
+            "scope": "default",
+            "line": {
+                "start": 47,
+                "end": 47
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "bubble/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the active Bubble.\n",
+        "commentRange": {
+            "start": 48,
+            "end": 49
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-bubble-active-border",
+            "value": "$kendo-bubble-active-bg",
+            "scope": "default",
+            "line": {
+                "start": 50,
+                "end": 50
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "bubble/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the focused Bubble.\n",
+        "commentRange": {
+            "start": 51,
+            "end": 52
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-bubble-focus-bg",
+            "value": "k-color(base-subtle)",
+            "scope": "default",
+            "line": {
+                "start": 53,
+                "end": 53
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "bubble/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the focused Bubble.\n",
+        "commentRange": {
+            "start": 54,
+            "end": 55
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-bubble-focus-border",
+            "value": "$kendo-bubble-focus-bg",
+            "scope": "default",
+            "line": {
+                "start": 56,
+                "end": 56
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "bubble/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The box shadow of the focused Bubble.\n",
+        "commentRange": {
+            "start": 57,
+            "end": 58
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-bubble-focus-shadow",
+            "value": "0 0 0 2px color-mix(in srgb, k-color(on-app-surface) 8%, transparent)",
+            "scope": "default",
+            "line": {
+                "start": 59,
+                "end": 59
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "bubble/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The spacing between content and icon in expandable Bubble.\n",
+        "commentRange": {
+            "start": 61,
+            "end": 62
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-bubble-expandable-spacing",
+            "value": "$kendo-bubble-padding-x",
+            "scope": "default",
+            "line": {
+                "start": 63,
+                "end": 63
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "bubble/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the expandable Bubble icon.\n",
+        "commentRange": {
+            "start": 64,
+            "end": 65
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-bubble-expandable-icon-padding-x",
+            "value": "k-spacing(2.5)",
+            "scope": "default",
+            "line": {
+                "start": 66,
+                "end": 66
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "bubble/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the expandable Bubble icon.\n",
+        "commentRange": {
+            "start": 67,
+            "end": 68
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-bubble-expandable-icon-padding-y",
+            "value": "k-spacing(2.5)",
+            "scope": "default",
+            "line": {
+                "start": 69,
+                "end": 69
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "bubble/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the hovered alt Bubble.\n",
+        "commentRange": {
+            "start": 137,
+            "end": 138
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-chat-alt-bubble-hover-bg",
+            "value": "k-color(primary-hover)",
+            "scope": "default",
+            "line": {
+                "start": 139,
+                "end": 139
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the hovered alt Bubble.\n",
+        "commentRange": {
+            "start": 140,
+            "end": 141
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-chat-alt-bubble-hover-border",
+            "value": "$kendo-chat-alt-bubble-hover-bg",
+            "scope": "default",
+            "line": {
+                "start": 142,
+                "end": 142
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the active Bubble.\n",
+        "commentRange": {
+            "start": 143,
+            "end": 144
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-chat-alt-bubble-active-bg",
+            "value": "k-color(primary-active)",
+            "scope": "default",
+            "line": {
+                "start": 145,
+                "end": 145
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the active alt Bubble.\n",
+        "commentRange": {
+            "start": 146,
+            "end": 147
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-chat-alt-bubble-active-border",
+            "value": "$kendo-chat-alt-bubble-active-bg",
+            "scope": "default",
+            "line": {
+                "start": 148,
+                "end": 148
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the focused alt Bubble.\n",
+        "commentRange": {
+            "start": 149,
+            "end": 150
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-chat-alt-bubble-focus-bg",
+            "value": "$kendo-chat-alt-bubble-bg",
+            "scope": "default",
+            "line": {
+                "start": 151,
+                "end": 151
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the focused alt Bubble.\n",
+        "commentRange": {
+            "start": 152,
+            "end": 153
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-chat-alt-bubble-focus-border",
+            "value": "$kendo-chat-alt-bubble-focus-bg",
+            "scope": "default",
+            "line": {
+                "start": 154,
+                "end": 154
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The box shadow of the focused alt Bubble.\n",
+        "commentRange": {
+            "start": 155,
+            "end": 156
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-chat-alt-bubble-focus-shadow",
+            "value": "0 0 0 2px color-mix(in srgb, k-color(primary) 16%, transparent)",
+            "scope": "default",
+            "line": {
+                "start": 157,
+                "end": 157
+            }
+        },
+        "group": [
+            "bubble"
+        ],
+        "access": "public",
+        "file": {
+            "path": "chat/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The width of the border around the Button.\n",
         "commentRange": {
@@ -9000,7 +9700,7 @@
         }
     },
     {
-        "description": "The width of the Chat.\n",
+        "description": "The minimum width of the Chat.\n",
         "commentRange": {
             "start": 13,
             "end": 14
@@ -9008,7 +9708,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-chat-width",
-            "value": "500px",
+            "value": "320px",
             "scope": "default",
             "line": {
                 "start": 15,
@@ -9025,7 +9725,7 @@
         }
     },
     {
-        "description": "The height of the Chat.\n",
+        "description": "The minimum height of the Chat.\n",
         "commentRange": {
             "start": 16,
             "end": 17
@@ -9150,15 +9850,15 @@
         }
     },
     {
-        "description": "The horizontal spacing between the items of the Chat.\n",
+        "description": "The vertical spacing between the items of the Chat.\n",
         "commentRange": {
             "start": 32,
             "end": 33
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-item-spacing-x",
-            "value": "k-spacing(2)",
+            "name": "kendo-chat-item-spacing-y",
+            "value": "k-spacing(4)",
             "scope": "default",
             "line": {
                 "start": 34,
@@ -9175,19 +9875,19 @@
         }
     },
     {
-        "description": "The vertical spacing between the items of the Chat.\n",
+        "description": "The maximum width of the Chat message.\n",
         "commentRange": {
-            "start": 35,
-            "end": 36
+            "start": 36,
+            "end": 37
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-item-spacing-y",
-            "value": "k-spacing(4)",
+            "name": "kendo-chat-message-max-width",
+            "value": "min(75%, 460px)",
             "scope": "default",
             "line": {
-                "start": 37,
-                "end": 37
+                "start": 38,
+                "end": 38
             }
         },
         "group": [
@@ -9200,15 +9900,15 @@
         }
     },
     {
-        "description": "The horizontal padding of the Chat message list.\n",
+        "description": "The spacing between the items of the Chat message.\n",
         "commentRange": {
             "start": 39,
             "end": 40
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-message-list-padding-x",
-            "value": "$kendo-chat-padding-x",
+            "name": "kendo-chat-message-gap",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
                 "start": 41,
@@ -9225,19 +9925,19 @@
         }
     },
     {
-        "description": "The vertical padding of the Chat message list.\n",
+        "description": "The horizontal padding of the Chat message list.\n",
         "commentRange": {
-            "start": 42,
-            "end": 43
+            "start": 43,
+            "end": 44
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-message-list-padding-y",
-            "value": "$kendo-chat-padding-y",
+            "name": "kendo-chat-message-list-padding-x",
+            "value": "$kendo-chat-padding-x",
             "scope": "default",
             "line": {
-                "start": 44,
-                "end": 44
+                "start": 45,
+                "end": 45
             }
         },
         "group": [
@@ -9250,19 +9950,19 @@
         }
     },
     {
-        "description": "The spacing of the Chat message list.\n",
+        "description": "The vertical padding of the Chat message list.\n",
         "commentRange": {
-            "start": 45,
-            "end": 46
+            "start": 46,
+            "end": 47
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-message-list-spacing",
-            "value": "$kendo-chat-item-spacing-y",
+            "name": "kendo-chat-message-list-padding-y",
+            "value": "$kendo-chat-padding-y",
             "scope": "default",
             "line": {
-                "start": 47,
-                "end": 47
+                "start": 48,
+                "end": 48
             }
         },
         "group": [
@@ -9275,15 +9975,15 @@
         }
     },
     {
-        "description": "The font size of the Chat timestamp.\n",
+        "description": "The spacing of the Chat message list.\n",
         "commentRange": {
             "start": 49,
             "end": 50
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-timestamp-font-size",
-            "value": "var( --kendo-font-size-sm, inherit )",
+            "name": "kendo-chat-message-list-spacing",
+            "value": "$kendo-chat-item-spacing-y",
             "scope": "default",
             "line": {
                 "start": 51,
@@ -9300,144 +10000,19 @@
         }
     },
     {
-        "description": "The line height of the Chat timestamp.\n",
-        "commentRange": {
-            "start": 52,
-            "end": 53
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-chat-timestamp-line-height",
-            "value": "var( --kendo-line-height-lg, normal )",
-            "scope": "default",
-            "line": {
-                "start": 54,
-                "end": 54
-            }
-        },
-        "group": [
-            "chat"
-        ],
-        "access": "public",
-        "file": {
-            "path": "chat/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The text transform of the Chat timestamp.\n",
-        "commentRange": {
-            "start": 55,
-            "end": 56
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-chat-timestamp-transform",
-            "value": "uppercase",
-            "scope": "default",
-            "line": {
-                "start": 57,
-                "end": 57
-            }
-        },
-        "group": [
-            "chat"
-        ],
-        "access": "public",
-        "file": {
-            "path": "chat/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The text color of the Chat timestamp.\n",
-        "commentRange": {
-            "start": 58,
-            "end": 59
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-chat-timestamp-text",
-            "value": "k-color(subtle)",
-            "scope": "default",
-            "line": {
-                "start": 60,
-                "end": 60
-            }
-        },
-        "group": [
-            "chat"
-        ],
-        "access": "public",
-        "file": {
-            "path": "chat/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The background color of the Chat timestamp.\n",
-        "commentRange": {
-            "start": 61,
-            "end": 62
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-chat-timestamp-bg",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 63,
-                "end": 63
-            }
-        },
-        "group": [
-            "chat"
-        ],
-        "access": "public",
-        "file": {
-            "path": "chat/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The font size of the Chat message meta text.\n",
-        "commentRange": {
-            "start": 65,
-            "end": 66
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-chat-message-meta-font-size",
-            "value": "var( --kendo-font-size-sm, inherit )",
-            "scope": "default",
-            "line": {
-                "start": 67,
-                "end": 67
-            }
-        },
-        "group": [
-            "chat"
-        ],
-        "access": "public",
-        "file": {
-            "path": "chat/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The line height of the Chat message meta text.\n",
+        "description": "The spacing between the icon and text in the Chat message status.\n",
         "commentRange": {
-            "start": 68,
-            "end": 69
+            "start": 53,
+            "end": 54
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-message-meta-line-height",
-            "value": "var( --kendo-line-height-lg, normal )",
+            "name": "kendo-chat-message-status-gap",
+            "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 70,
-                "end": 70
+                "start": 55,
+                "end": 55
             }
         },
         "group": [
@@ -9450,19 +10025,19 @@
         }
     },
     {
-        "description": "The font size of the Chat author text.\n",
+        "description": "The font size of the Chat timestamp.\n",
         "commentRange": {
-            "start": 72,
-            "end": 73
+            "start": 57,
+            "end": 58
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-author-font-size",
+            "name": "kendo-chat-timestamp-font-size",
             "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
-                "start": 74,
-                "end": 74
+                "start": 59,
+                "end": 59
             }
         },
         "group": [
@@ -9475,19 +10050,19 @@
         }
     },
     {
-        "description": "The line height of the Chat author text.\n",
+        "description": "The line height of the Chat timestamp.\n",
         "commentRange": {
-            "start": 75,
-            "end": 76
+            "start": 60,
+            "end": 61
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-author-line-height",
+            "name": "kendo-chat-timestamp-line-height",
             "value": "var( --kendo-line-height-lg, normal )",
             "scope": "default",
             "line": {
-                "start": 77,
-                "end": 77
+                "start": 62,
+                "end": 62
             }
         },
         "group": [
@@ -9500,19 +10075,19 @@
         }
     },
     {
-        "description": "The horizontal padding of the Chat bubble message.\n",
+        "description": "The text transform of the Chat timestamp.\n",
         "commentRange": {
-            "start": 79,
-            "end": 80
+            "start": 63,
+            "end": 64
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-bubble-padding-x",
-            "value": "k-spacing(3)",
+            "name": "kendo-chat-timestamp-transform",
+            "value": "none",
             "scope": "default",
             "line": {
-                "start": 81,
-                "end": 81
+                "start": 65,
+                "end": 65
             }
         },
         "group": [
@@ -9525,19 +10100,19 @@
         }
     },
     {
-        "description": "The vertical padding of the Chat bubble message.\n",
+        "description": "The text color of the Chat timestamp.\n",
         "commentRange": {
-            "start": 82,
-            "end": 83
+            "start": 66,
+            "end": 67
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-bubble-padding-y",
-            "value": "k-spacing(2)",
+            "name": "kendo-chat-timestamp-text",
+            "value": "k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 84,
-                "end": 84
+                "start": 68,
+                "end": 68
             }
         },
         "group": [
@@ -9550,19 +10125,19 @@
         }
     },
     {
-        "description": "The spacing of the Chat bubble message.\n",
+        "description": "The background color of the Chat timestamp.\n",
         "commentRange": {
-            "start": 85,
-            "end": 86
+            "start": 69,
+            "end": 70
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-bubble-spacing",
-            "value": "k-spacing(0.5)",
+            "name": "kendo-chat-timestamp-bg",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 87,
-                "end": 87
+                "start": 71,
+                "end": 71
             }
         },
         "group": [
@@ -9575,19 +10150,19 @@
         }
     },
     {
-        "description": "The line height of the Chat bubble message.\n",
+        "description": "The background color of the Chat timestamp separator.\n",
         "commentRange": {
-            "start": 88,
-            "end": 89
+            "start": 72,
+            "end": 73
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-bubble-line-height",
-            "value": "var( --kendo-line-height, normal )",
+            "name": "kendo-chat-timestamp-separator-bg",
+            "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 90,
-                "end": 90
+                "start": 74,
+                "end": 74
             }
         },
         "group": [
@@ -9600,19 +10175,19 @@
         }
     },
     {
-        "description": "The border radius of the Chat bubble message.\n",
+        "description": "The spacing between the Chat timestamp and its separator.\n",
         "commentRange": {
-            "start": 92,
-            "end": 93
+            "start": 75,
+            "end": 76
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-bubble-border-radius",
-            "value": "12px",
+            "name": "kendo-chat-timestamp-separator-spacing",
+            "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 94,
-                "end": 94
+                "start": 77,
+                "end": 77
             }
         },
         "group": [
@@ -9625,19 +10200,19 @@
         }
     },
     {
-        "description": "The border radius of the Chat small bubble message\n",
+        "description": "The font size of the Chat message meta text.\n",
         "commentRange": {
-            "start": 95,
-            "end": 96
+            "start": 79,
+            "end": 80
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-bubble-border-radius-sm",
-            "value": "2px",
+            "name": "kendo-chat-message-meta-font-size",
+            "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
-                "start": 97,
-                "end": 97
+                "start": 81,
+                "end": 81
             }
         },
         "group": [
@@ -9650,19 +10225,19 @@
         }
     },
     {
-        "description": "The size of the Chat Avatar.\n",
+        "description": "The line height of the Chat message meta text.\n",
         "commentRange": {
-            "start": 99,
-            "end": 100
+            "start": 82,
+            "end": 83
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-avatar-size",
-            "value": "32px",
+            "name": "kendo-chat-message-meta-line-height",
+            "value": "var( --kendo-line-height-lg, normal )",
             "scope": "default",
             "line": {
-                "start": 101,
-                "end": 101
+                "start": 84,
+                "end": 84
             }
         },
         "group": [
@@ -9675,19 +10250,19 @@
         }
     },
     {
-        "description": "The spacing of the Chat Avatar.\n",
+        "description": "The font size of the Chat author text.\n",
         "commentRange": {
-            "start": 102,
-            "end": 103
+            "start": 86,
+            "end": 87
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-avatar-spacing",
-            "value": "$kendo-chat-item-spacing-x",
+            "name": "kendo-chat-author-font-size",
+            "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
-                "start": 104,
-                "end": 104
+                "start": 88,
+                "end": 88
             }
         },
         "group": [
@@ -9700,19 +10275,19 @@
         }
     },
     {
-        "description": "The horizontal padding of the Chat Toolbar.\n",
+        "description": "The line height of the Chat author text.\n",
         "commentRange": {
-            "start": 106,
-            "end": 107
+            "start": 89,
+            "end": 90
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-toolbar-padding-x",
-            "value": "$kendo-toolbar-md-padding-x",
+            "name": "kendo-chat-author-line-height",
+            "value": "var( --kendo-line-height-xs, normal )",
             "scope": "default",
             "line": {
-                "start": 108,
-                "end": 108
+                "start": 91,
+                "end": 91
             }
         },
         "group": [
@@ -9725,19 +10300,19 @@
         }
     },
     {
-        "description": "The vertical padding of the Chat Toolbar.\n",
+        "description": "The text color of the Chat status.\n",
         "commentRange": {
-            "start": 109,
-            "end": 110
+            "start": 93,
+            "end": 94
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-toolbar-padding-y",
-            "value": "$kendo-toolbar-md-padding-y",
+            "name": "kendo-chat-status-text",
+            "value": "k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 111,
-                "end": 111
+                "start": 95,
+                "end": 95
             }
         },
         "group": [
@@ -9750,19 +10325,19 @@
         }
     },
     {
-        "description": "The background color of the Chat Toolbar.\n",
+        "description": "The spacing of the Chat bubble message.\n",
         "commentRange": {
-            "start": 112,
-            "end": 113
+            "start": 97,
+            "end": 98
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-toolbar-bg",
-            "value": "$kendo-toolbar-bg",
+            "name": "kendo-chat-bubble-spacing",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 114,
-                "end": 114
+                "start": 99,
+                "end": 99
             }
         },
         "group": [
@@ -9775,19 +10350,19 @@
         }
     },
     {
-        "description": "The text color of the Chat Toolbar.\n",
+        "description": "The background color of the Chat Toolbar.\n",
         "commentRange": {
-            "start": 115,
-            "end": 116
+            "start": 101,
+            "end": 102
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-toolbar-text",
-            "value": "$kendo-toolbar-text",
+            "name": "kendo-chat-toolbar-bg",
+            "value": "$kendo-toolbar-bg",
             "scope": "default",
             "line": {
-                "start": 117,
-                "end": 117
+                "start": 103,
+                "end": 103
             }
         },
         "group": [
@@ -9800,19 +10375,19 @@
         }
     },
     {
-        "description": "The border color of the Chat Toolbar.\n",
+        "description": "The text color of the Chat Toolbar.\n",
         "commentRange": {
-            "start": 118,
-            "end": 119
+            "start": 104,
+            "end": 105
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-toolbar-border",
-            "value": "inherit",
+            "name": "kendo-chat-toolbar-text",
+            "value": "$kendo-toolbar-text",
             "scope": "default",
             "line": {
-                "start": 120,
-                "end": 120
+                "start": 106,
+                "end": 106
             }
         },
         "group": [
@@ -9825,19 +10400,19 @@
         }
     },
     {
-        "description": "The horizontal padding of the Chat quick reply.\n",
+        "description": "The border color of the Chat Toolbar.\n",
         "commentRange": {
-            "start": 122,
-            "end": 123
+            "start": 107,
+            "end": 108
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-quick-reply-padding-x",
-            "value": "k-spacing(3)",
+            "name": "kendo-chat-toolbar-border",
+            "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 124,
-                "end": 124
+                "start": 109,
+                "end": 109
             }
         },
         "group": [
@@ -9850,19 +10425,19 @@
         }
     },
     {
-        "description": "The vertical padding of the Chat quick reply.\n",
+        "description": "The background color of the Chat.\n",
         "commentRange": {
-            "start": 125,
-            "end": 126
+            "start": 111,
+            "end": 112
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-quick-reply-padding-y",
-            "value": "k-spacing(2)",
+            "name": "kendo-chat-bg",
+            "value": "k-color(surface)",
             "scope": "default",
             "line": {
-                "start": 127,
-                "end": 127
+                "start": 113,
+                "end": 113
             }
         },
         "group": [
@@ -9875,19 +10450,19 @@
         }
     },
     {
-        "description": "The spacing of the Chat quick reply.\n",
+        "description": "The text color of the Chat.\n",
         "commentRange": {
-            "start": 128,
-            "end": 129
+            "start": 114,
+            "end": 115
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-quick-reply-spacing",
-            "value": "k-spacing(2)",
+            "name": "kendo-chat-text",
+            "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 130,
-                "end": 130
+                "start": 116,
+                "end": 116
             }
         },
         "group": [
@@ -9900,19 +10475,19 @@
         }
     },
     {
-        "description": "The line height of the Chat quick reply.\n",
+        "description": "The border color of the Chat.\n",
         "commentRange": {
-            "start": 131,
-            "end": 132
+            "start": 117,
+            "end": 118
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-quick-reply-line-height",
-            "value": "$kendo-chat-bubble-line-height",
+            "name": "kendo-chat-border",
+            "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 133,
-                "end": 133
+                "start": 119,
+                "end": 119
             }
         },
         "group": [
@@ -9925,19 +10500,19 @@
         }
     },
     {
-        "description": "The background color of the Chat.\n",
+        "description": "The color of the typing indicator dots.\n",
         "commentRange": {
-            "start": 136,
-            "end": 137
+            "start": 121,
+            "end": 122
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-bg",
-            "value": "k-color(surface)",
+            "name": "kendo-chat-typing-indicator-text",
+            "value": "k-color(base-on-subtle)",
             "scope": "default",
             "line": {
-                "start": 138,
-                "end": 138
+                "start": 123,
+                "end": 123
             }
         },
         "group": [
@@ -9950,19 +10525,19 @@
         }
     },
     {
-        "description": "The text color of the Chat.\n",
+        "description": "The background color of the Chat alt bubble.\n",
         "commentRange": {
-            "start": 139,
-            "end": 140
+            "start": 125,
+            "end": 126
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-text",
-            "value": "k-color(on-app-surface)",
+            "name": "kendo-chat-alt-bubble-bg",
+            "value": "k-color(primary)",
             "scope": "default",
             "line": {
-                "start": 141,
-                "end": 141
+                "start": 127,
+                "end": 127
             }
         },
         "group": [
@@ -9975,19 +10550,19 @@
         }
     },
     {
-        "description": "The border color of the Chat.\n",
+        "description": "The text color of the Chat alt bubble.\n",
         "commentRange": {
-            "start": 142,
-            "end": 143
+            "start": 128,
+            "end": 129
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-border",
-            "value": "k-color(border)",
+            "name": "kendo-chat-alt-bubble-text",
+            "value": "k-color(on-primary)",
             "scope": "default",
             "line": {
-                "start": 144,
-                "end": 144
+                "start": 130,
+                "end": 130
             }
         },
         "group": [
@@ -10000,19 +10575,19 @@
         }
     },
     {
-        "description": "The background color of the Chat bubble.\n",
+        "description": "The border color of the Chat alt bubble.\n",
         "commentRange": {
-            "start": 146,
-            "end": 147
+            "start": 131,
+            "end": 132
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-bubble-bg",
-            "value": "k-color(surface-alt)",
+            "name": "kendo-chat-alt-bubble-border",
+            "value": "$kendo-chat-alt-bubble-bg",
             "scope": "default",
             "line": {
-                "start": 148,
-                "end": 148
+                "start": 133,
+                "end": 133
             }
         },
         "group": [
@@ -10025,19 +10600,19 @@
         }
     },
     {
-        "description": "The text color of the Chat bubble.\n",
+        "description": "The shadow of the Chat alt bubble.\n",
         "commentRange": {
-            "start": 149,
-            "end": 150
+            "start": 134,
+            "end": 135
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-bubble-text",
-            "value": "k-color(on-app-surface)",
+            "name": "kendo-chat-alt-bubble-shadow",
+            "value": "none",
             "scope": "default",
             "line": {
-                "start": 151,
-                "end": 151
+                "start": 136,
+                "end": 136
             }
         },
         "group": [
@@ -10050,19 +10625,19 @@
         }
     },
     {
-        "description": "The border color of the Chat bubble.\n",
+        "description": "The width of a file in the Chat Textarea.\n",
         "commentRange": {
-            "start": 152,
-            "end": 153
+            "start": 159,
+            "end": 160
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-bubble-border",
-            "value": "$kendo-chat-bubble-bg",
+            "name": "kendo-chat-file-width",
+            "value": "240px",
             "scope": "default",
             "line": {
-                "start": 154,
-                "end": 154
+                "start": 161,
+                "end": 161
             }
         },
         "group": [
@@ -10075,19 +10650,19 @@
         }
     },
     {
-        "description": "The box shadow of the Chat bubble.\n",
+        "description": "The horizontal padding of the Chat file.\n",
         "commentRange": {
-            "start": 155,
-            "end": 156
+            "start": 162,
+            "end": 163
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-bubble-shadow",
-            "value": "k-elevation(1)",
+            "name": "kendo-chat-file-padding-x",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 157,
-                "end": 157
+                "start": 164,
+                "end": 164
             }
         },
         "group": [
@@ -10100,19 +10675,19 @@
         }
     },
     {
-        "description": "The shadow of the hovered Chat bubble.\n",
+        "description": "The vertical padding of the Chat file.\n",
         "commentRange": {
-            "start": 158,
-            "end": 159
+            "start": 165,
+            "end": 166
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-bubble-hover-shadow",
-            "value": "k-elevation(2)",
+            "name": "kendo-chat-file-padding-y",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 160,
-                "end": 160
+                "start": 167,
+                "end": 167
             }
         },
         "group": [
@@ -10125,19 +10700,19 @@
         }
     },
     {
-        "description": "The shadow of the selected Chat bubble.\n",
+        "description": "The spacing between the elements of the Chat file.\n",
         "commentRange": {
-            "start": 161,
-            "end": 162
+            "start": 168,
+            "end": 169
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-bubble-selected-shadow",
-            "value": "k-elevation(3)",
+            "name": "kendo-chat-file-gap",
+            "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 163,
-                "end": 163
+                "start": 170,
+                "end": 170
             }
         },
         "group": [
@@ -10150,19 +10725,19 @@
         }
     },
     {
-        "description": "The background color of the Chat alt bubble.\n",
+        "description": "The border width of the Chat file.\n",
         "commentRange": {
-            "start": 165,
-            "end": 166
+            "start": 172,
+            "end": 173
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-alt-bubble-bg",
-            "value": "k-color(primary)",
+            "name": "kendo-chat-file-border-width",
+            "value": "1px",
             "scope": "default",
             "line": {
-                "start": 167,
-                "end": 167
+                "start": 174,
+                "end": 174
             }
         },
         "group": [
@@ -10175,19 +10750,19 @@
         }
     },
     {
-        "description": "The text color of the Chat alt bubble.\n",
+        "description": "The border style of the Chat file.\n",
         "commentRange": {
-            "start": 168,
-            "end": 169
+            "start": 175,
+            "end": 176
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-alt-bubble-text",
-            "value": "k-color(on-primary)",
+            "name": "kendo-chat-file-border-style",
+            "value": "solid",
             "scope": "default",
             "line": {
-                "start": 170,
-                "end": 170
+                "start": 177,
+                "end": 177
             }
         },
         "group": [
@@ -10200,19 +10775,19 @@
         }
     },
     {
-        "description": "The border color of the Chat alt bubble.\n",
+        "description": "The background color of the Chat file.\n",
         "commentRange": {
-            "start": 171,
-            "end": 172
+            "start": 179,
+            "end": 180
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-alt-bubble-border",
-            "value": "$kendo-chat-alt-bubble-bg",
+            "name": "kendo-chat-file-bg",
+            "value": "k-color(base-subtle)",
             "scope": "default",
             "line": {
-                "start": 173,
-                "end": 173
+                "start": 181,
+                "end": 181
             }
         },
         "group": [
@@ -10225,19 +10800,19 @@
         }
     },
     {
-        "description": "The shadow of the Chat alt bubble.\n",
+        "description": "The text color of the Chat file.\n",
         "commentRange": {
-            "start": 174,
-            "end": 175
+            "start": 182,
+            "end": 183
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-alt-bubble-shadow",
-            "value": "k-elevation(1)",
+            "name": "kendo-chat-file-text",
+            "value": "k-color(base-on-subtle)",
             "scope": "default",
             "line": {
-                "start": 176,
-                "end": 176
+                "start": 184,
+                "end": 184
             }
         },
         "group": [
@@ -10250,19 +10825,19 @@
         }
     },
     {
-        "description": "The shadow of the hovered Chat alt bubble.\n",
+        "description": "The border color of the Chat file.\n",
         "commentRange": {
-            "start": 177,
-            "end": 178
+            "start": 185,
+            "end": 186
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-alt-bubble-hover-shadow",
-            "value": "k-elevation(2)",
+            "name": "kendo-chat-file-border",
+            "value": "$kendo-chat-file-bg",
             "scope": "default",
             "line": {
-                "start": 179,
-                "end": 179
+                "start": 187,
+                "end": 187
             }
         },
         "group": [
@@ -10275,19 +10850,19 @@
         }
     },
     {
-        "description": "The shadow of the selected Chat alt bubble.\n",
+        "description": "The border-radius of the Chat file.\n",
         "commentRange": {
-            "start": 180,
-            "end": 181
+            "start": 188,
+            "end": 189
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-alt-bubble-selected-shadow",
-            "value": "k-elevation(3)",
+            "name": "kendo-chat-file-border-radius",
+            "value": "k-border-radius(md)",
             "scope": "default",
             "line": {
-                "start": 182,
-                "end": 182
+                "start": 190,
+                "end": 190
             }
         },
         "group": [
@@ -10300,19 +10875,19 @@
         }
     },
     {
-        "description": "The background color of the Chat quick reply.\n",
+        "description": "The horizontal padding of the file download wrapper.\n",
         "commentRange": {
-            "start": 184,
-            "end": 185
+            "start": 192,
+            "end": 193
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-quick-reply-bg",
-            "value": "transparent",
+            "name": "kendo-chat-file-download-padding-x",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 186,
-                "end": 186
+                "start": 194,
+                "end": 194
             }
         },
         "group": [
@@ -10325,19 +10900,19 @@
         }
     },
     {
-        "description": "The text color of the Chat quick reply.\n",
+        "description": "The vertical padding of the file download wrapper.\n",
         "commentRange": {
-            "start": 187,
-            "end": 188
+            "start": 195,
+            "end": 196
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-quick-reply-text",
-            "value": "k-color(primary)",
+            "name": "kendo-chat-file-download-padding-y",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 189,
-                "end": 189
+                "start": 197,
+                "end": 197
             }
         },
         "group": [
@@ -10350,19 +10925,19 @@
         }
     },
     {
-        "description": "The border color of the Chat quick reply.\n",
+        "description": "The border width of the Chat pinned message;\n",
         "commentRange": {
-            "start": 190,
-            "end": 191
+            "start": 199,
+            "end": 200
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-quick-reply-border",
-            "value": "k-color(primary)",
+            "name": "kendo-chat-message-pinned-border-width",
+            "value": "1px",
             "scope": "default",
             "line": {
-                "start": 192,
-                "end": 192
+                "start": 201,
+                "end": 201
             }
         },
         "group": [
@@ -10375,19 +10950,19 @@
         }
     },
     {
-        "description": "The background color of the hovered Chat quick reply.\n",
+        "description": "The border style of the Chat pinned message;\n",
         "commentRange": {
-            "start": 194,
-            "end": 195
+            "start": 202,
+            "end": 203
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-quick-reply-hover-bg",
-            "value": "k-color(primary)",
+            "name": "kendo-chat-message-pinned-border-style",
+            "value": "solid",
             "scope": "default",
             "line": {
-                "start": 196,
-                "end": 196
+                "start": 204,
+                "end": 204
             }
         },
         "group": [
@@ -10400,19 +10975,19 @@
         }
     },
     {
-        "description": "The text color of the hovered Chat quick reply.\n",
+        "description": "The border color of the Chat pinned message;\n",
         "commentRange": {
-            "start": 197,
-            "end": 198
+            "start": 205,
+            "end": 206
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-quick-reply-hover-text",
-            "value": "k-color(on-primary)",
+            "name": "kendo-chat-message-pinned-border-color",
+            "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 199,
-                "end": 199
+                "start": 207,
+                "end": 207
             }
         },
         "group": [
@@ -10425,19 +11000,19 @@
         }
     },
     {
-        "description": "The border color of the hovered Chat quick reply.\n",
+        "description": "The horizontal padding of the Chat message reference.\n",
         "commentRange": {
-            "start": 200,
-            "end": 201
+            "start": 209,
+            "end": 210
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-quick-reply-hover-border",
-            "value": "k-color(primary)",
+            "name": "kendo-chat-message-reference-padding-x",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 202,
-                "end": 202
+                "start": 211,
+                "end": 211
             }
         },
         "group": [
@@ -10450,19 +11025,19 @@
         }
     },
     {
-        "description": "The shadow blur of the focused Chat quick reply.\n",
+        "description": "The vertical padding of the Chat message reference.\n",
         "commentRange": {
-            "start": 204,
-            "end": 205
+            "start": 212,
+            "end": 213
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-quick-reply-shadow-blur",
-            "value": "0px",
+            "name": "kendo-chat-message-reference-padding-y",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 206,
-                "end": 206
+                "start": 214,
+                "end": 214
             }
         },
         "group": [
@@ -10475,19 +11050,19 @@
         }
     },
     {
-        "description": "The shadow spread of the focused Chat quick reply.\n",
+        "description": "The background color of the Chat message reference.\n",
         "commentRange": {
-            "start": 207,
-            "end": 208
+            "start": 216,
+            "end": 217
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-quick-reply-shadow-spread",
-            "value": "2px",
+            "name": "kendo-chat-message-reference-bg",
+            "value": "k-color(surface)",
             "scope": "default",
             "line": {
-                "start": 209,
-                "end": 209
+                "start": 218,
+                "end": 218
             }
         },
         "group": [
@@ -10500,19 +11075,19 @@
         }
     },
     {
-        "description": "The shadow opacity of the focused Chat quick reply.\n",
+        "description": "The text color of the Chat message reference.\n",
         "commentRange": {
-            "start": 210,
-            "end": 211
+            "start": 219,
+            "end": 220
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-quick-reply-shadow-opacity",
-            "value": ".3",
+            "name": "kendo-chat-message-reference-text",
+            "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 212,
-                "end": 212
+                "start": 221,
+                "end": 221
             }
         },
         "group": [
@@ -10525,19 +11100,19 @@
         }
     },
     {
-        "description": "The size of the Chat typing indicator dot.\n",
+        "description": "The background color of the message reference marker.\n",
         "commentRange": {
-            "start": 214,
-            "end": 215
+            "start": 222,
+            "end": 223
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-typing-indicator-dot-size",
-            "value": "8px",
+            "name": "kendo-chat-message-reference-marker-bg",
+            "value": "k-color(base-emphasis)",
             "scope": "default",
             "line": {
-                "start": 216,
-                "end": 216
+                "start": 224,
+                "end": 224
             }
         },
         "group": [
@@ -10550,19 +11125,19 @@
         }
     },
     {
-        "description": "The spacing of the Chat typing indicator dot.\n",
+        "description": "The background color of the message reference alt marker.\n",
         "commentRange": {
-            "start": 217,
-            "end": 218
+            "start": 225,
+            "end": 226
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-typing-indicator-dot-spacing",
-            "value": "5px",
+            "name": "kendo-chat-message-reference-marker-alt-bg",
+            "value": "k-color(primary-emphasis)",
             "scope": "default",
             "line": {
-                "start": 219,
-                "end": 219
+                "start": 227,
+                "end": 227
             }
         },
         "group": [