@progress/kendo-theme-fluent 11.3.2 → 12.0.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/fluent-main-dark.css +1 -1
  3. package/dist/fluent-main.css +1 -1
  4. package/dist/meta/sassdoc-data.json +5939 -5123
  5. package/dist/meta/sassdoc-raw-data.json +3173 -2798
  6. package/dist/meta/variables.json +198 -142
  7. package/lib/swatches/all.json +1 -1
  8. package/lib/swatches/fluent-main-dark.json +1 -1
  9. package/lib/swatches/fluent-main.json +1 -1
  10. package/package.json +4 -4
  11. package/scss/bubble/_index.scss +16 -0
  12. package/scss/bubble/_layout.scss +9 -0
  13. package/scss/bubble/_theme.scss +16 -0
  14. package/scss/bubble/_variables.scss +92 -0
  15. package/scss/chat/_index.scss +18 -2
  16. package/scss/chat/_layout.scss +44 -34
  17. package/scss/chat/_theme.scss +10 -15
  18. package/scss/chat/_variables.scss +143 -154
  19. package/scss/index.scss +4 -0
package/scss/chat/_variables.scss CHANGED
@@ -4,25 +4,16 @@
4
4
 
5
5
  // Chat
6
6
 
7
- /// The box shadow transition of the Chat.
8
- /// @group chat
9
- $kendo-chat-transition: var( --kendo-chat-transition, var( --kendo-transition, inherit ) ) !default;
10
- /// The hover text color of the Chat bubble links.
11
- /// @group chat
12
- $kendo-chat-link-hover-text: var( --kendo-chat-link-hover-text, #{k-color(primary-hover)} ) !default;
13
- /// The text color of the Chat bubble links.
14
- /// @group chat
15
- $kendo-chat-link-text: var( --kendo-chat-link-text, #{k-color(primary)} ) !default;
16
7
  /// The horizontal padding of the Chat.
17
8
  /// @group chat
18
9
  $kendo-chat-padding-x: var( --kendo-chat-padding-x, #{k-spacing(4)} ) !default;
19
10
  /// The vertical padding of the Chat.
20
11
  /// @group chat
21
- $kendo-chat-padding-y: var( --kendo-chat-padding-y, #{k-spacing(4)} ) !default;
22
- /// The width of the Chat.
12
+ $kendo-chat-padding-y: k-spacing(4) !default;
13
+ /// The minimum width of the Chat.
23
14
  /// @group chat
24
- $kendo-chat-width: var( --kendo-chat-width, 500px ) !default;
25
- /// The height of the Chat.
15
+ $kendo-chat-width: 320px !default;
16
+ /// The minimum height of the Chat.
26
17
  /// @group chat
27
18
  $kendo-chat-height: var( --kendo-chat-height, 600px ) !default;
28
19
  /// The border width of the Chat.
@@ -38,19 +29,16 @@ $kendo-chat-font-size: var( --kendo-chat-font-size, var( --kendo-font-size, inhe
38
29
  /// @group chat
39
30
  $kendo-chat-line-height: var( --kendo-chat-line-height, var( --kendo-line-height, normal ) ) !default;
40
31
 
41
- /// The size of the Chat typing indicator dot.
42
- /// @group chat
43
- $kendo-chat-typing-indicator-dot-size: var( --kendo-chat-typing-indicator-dot-size, 8px ) !default;
44
- /// The spacing of the Chat typing indicator dot.
32
+ /// The vertical spacing between the items of the Chat.
45
33
  /// @group chat
46
- $kendo-chat-typing-indicator-dot-spacing: var( --kendo-chat-typing-indicator-dot-spacing, calc( #{k-spacing(2.5)} / 2 ) ) !default;
34
+ $kendo-chat-item-spacing-y: k-spacing(4) !default;
47
35
 
48
- /// The horizontal spacing between the items of the Chat.
36
+ /// The maximum width of the Chat message.
49
37
  /// @group chat
50
- $kendo-chat-item-spacing-x: k-spacing(2) !default;
51
- /// The vertical spacing between the items of the Chat.
38
+ $kendo-chat-message-max-width: min(75%, 460px) !default;
39
+ /// The spacing between the items of the Chat message.
52
40
  /// @group chat
53
- $kendo-chat-item-spacing-y: k-spacing(4) !default;
41
+ $kendo-chat-message-gap: k-spacing(2) !default;
54
42
 
55
43
  /// The horizontal padding of the Chat message list.
56
44
  /// @group chat
@@ -62,6 +50,10 @@ $kendo-chat-message-list-padding-y: $kendo-chat-padding-y !default;
62
50
  /// @group chat
63
51
  $kendo-chat-message-list-spacing: $kendo-chat-item-spacing-y !default;
64
52
 
53
+ /// The spacing between the icon and text in the Chat message status.
54
+ /// @group chat
55
+ $kendo-chat-message-status-gap: k-spacing(1) !default;
56
+
65
57
  /// The font size of the Chat timestamp.
66
58
  /// @group chat
67
59
  $kendo-chat-timestamp-font-size: var( --kendo-chat-timestamp-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
@@ -70,13 +62,19 @@ $kendo-chat-timestamp-font-size: var( --kendo-chat-timestamp-font-size, var( --k
70
62
  $kendo-chat-timestamp-line-height: var( --kendo-chat-timestamp-line-height, var( --kendo-line-height-lg, normal ) ) !default;
71
63
  /// The text transform of the Chat timestamp.
72
64
  /// @group chat
73
- $kendo-chat-timestamp-transform: var( --kendo-chat-timestamp-transform, uppercase ) !default;
65
+ $kendo-chat-timestamp-transform: none !default;
74
66
  /// The text color of the Chat timestamp.
75
67
  /// @group chat
76
68
  $kendo-chat-timestamp-text: var( --kendo-chat-timestamp-text, #{k-color(subtle)} ) !default;
77
69
  /// The background color of the Chat timestamp.
78
70
  /// @group chat
79
- $kendo-chat-timestamp-bg: var( --kendo-chat-timestamp-bg, normal ) !default;
71
+ $kendo-chat-timestamp-bg: normal !default;
72
+ /// The background color of the Chat timestamp separator.
73
+ /// @group chat
74
+ $kendo-chat-timestamp-separator-bg: color-mix(in srgb, k-color(border) 16%, transparent) !default;
75
+ /// The spacing between the Chat timestamp and its separator.
76
+ /// @group chat
77
+ $kendo-chat-timestamp-separator-spacing: k-spacing(1) !default;
80
78
 
81
79
  /// The font size of the Chat message meta text.
82
80
  /// @group chat
@@ -90,51 +88,16 @@ $kendo-chat-message-meta-line-height: var( --kendo-chat-message-meta-line-height
90
88
  $kendo-chat-author-font-size: var( --kendo-chat-author-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
91
89
  /// The line height of the Chat author text.
92
90
  /// @group chat
93
- $kendo-chat-author-line-height: var( --kendo-chat-author-line-height, var( --kendo-line-height-lg, normal ) ) !default;
91
+ $kendo-chat-author-line-height: var( --kendo-line-height-xs, normal ) !default;
94
92
 
95
- /// The horizontal padding of the Chat bubble message.
96
- /// @group chat
97
- $kendo-chat-bubble-padding-x: var( --kendo-chat-bubble-padding-x, #{k-spacing(3)} ) !default;
98
- /// The vertical padding of the Chat bubble message.
93
+ /// The text color of the Chat status.
99
94
  /// @group chat
100
- $kendo-chat-bubble-padding-y: var( --kendo-chat-bubble-padding-y, #{k-spacing(2)} ) !default;
101
- /// The spacing of the Chat bubble message.
102
- /// @group chat
103
- $kendo-chat-bubble-spacing: var( --kendo-chat-bubble-spacing, #{k-spacing(0.5)} ) !default;
104
- /// The line height of the Chat bubble message.
105
- /// @group chat
106
- $kendo-chat-bubble-line-height: var( --kendo-chat-bubble-line-height, var( --kendo-line-height, normal ) ) !default;
95
+ $kendo-chat-status-text: k-color(subtle) !default;
107
96
 
108
- /// The spacing of the Chat scroll button.
109
- /// @group chat
110
- $kendo-chat-scroll-button-padding: var( --kendo-chat-scroll-button-padding, #{k-spacing(2)} ) !default;
111
- /// The size of the Chat Card deck scrollbar.
112
- /// @group chat
113
- $kendo-chat-card-deck-scrollbar-size: var( --kendo-chat-card-deck-scrollbar-size, 20px ) !default;
114
-
115
- /// The border radius of the Chat bubble message.
116
- /// @group chat
117
- $kendo-chat-bubble-border-radius: var( --kendo-chat-bubble-border-radius, #{k-spacing(3)} ) !default;
118
- /// The border radius of the Chat small bubble message
119
- /// @group chat
120
- $kendo-chat-bubble-border-radius-sm: var( --kendo-chat-bubble-border-radius-sm, var( --kendo-border-radius, 0 ) ) !default;
121
-
122
- /// The size of the Chat Avatar.
123
- /// @group chat
124
- $kendo-chat-avatar-size: var( --kendo-chat-avatar-size, 32px ) !default;
125
- /// The spacing of the Chat Avatar.
97
+ /// The spacing of the Chat bubble message.
126
98
  /// @group chat
127
- $kendo-chat-avatar-spacing: var( --kendo-chat-avatar-spacing, #{$kendo-chat-item-spacing-x} ) !default;
99
+ $kendo-chat-bubble-spacing: k-spacing(2) !default;
128
100
 
129
- /// The horizontal padding of the Chat Toolbar.
130
- /// @group chat
131
- $kendo-chat-toolbar-padding-x: var( --kendo-chat-toolbar-padding-x, #{$kendo-toolbar-md-padding-x} ) !default;
132
- /// The vertical padding of the Chat Toolbar.
133
- /// @group chat
134
- $kendo-chat-toolbar-padding-y: var( --kendo-chat-toolbar-padding-y, #{$kendo-toolbar-md-padding-y} ) !default;
135
- /// The spacing of the Chat Toolbar.
136
- /// @group chat
137
- $kendo-chat-toolbar-spacing: var( --kendo-chat-toolbar-spacing, #{$kendo-toolbar-md-spacing} ) !default;
138
101
  /// The background color of the Chat Toolbar.
139
102
  /// @group chat
140
103
  $kendo-chat-toolbar-bg: var( --kendo-chat-toolbar-bg, #{$kendo-toolbar-bg} ) !default;
@@ -145,19 +108,6 @@ $kendo-chat-toolbar-text: var( --kendo-chat-toolbar-text, #{$kendo-toolbar-text}
145
108
  /// @group chat
146
109
  $kendo-chat-toolbar-border: var( --kendo-chat-toolbar-border, inherit ) !default;
147
110
 
148
- /// The horizontal padding of the Chat quick reply.
149
- /// @group chat
150
- $kendo-chat-quick-reply-padding-x: var( --kendo-chat-quick-reply-padding-x, #{k-spacing(3)} ) !default;
151
- /// The vertical padding of the Chat quick reply.
152
- /// @group chat
153
- $kendo-chat-quick-reply-padding-y: var( --kendo-chat-quick-reply-padding-y, #{k-spacing(2)} ) !default;
154
- /// The spacing of the Chat quick reply.
155
- /// @group chat
156
- $kendo-chat-quick-reply-spacing: var( --kendo-chat-quick-reply-spacing, #{k-spacing(2)} ) !default;
157
- /// The line height of the Chat quick reply.
158
- /// @group chat
159
- $kendo-chat-quick-reply-line-height: var( --kendo-chat-quick-reply-line-height, #{$kendo-chat-bubble-line-height} ) !default;
160
-
161
111
  /// The background color of the Chat.
162
112
  /// @group chat
163
113
  $kendo-chat-bg: var( --kendo-chat-bg, #{k-color(surface)} ) !default;
@@ -168,25 +118,6 @@ $kendo-chat-text: var( --kendo-chat-text, #{k-color(on-app-surface)} ) !default;
168
118
  /// @group chat
169
119
  $kendo-chat-border: var( --kendo-chat-border, #{color-mix(in srgb, k-color(border) 16%, transparent)} ) !default;
170
120
 
171
- /// The background color of the Chat bubble.
172
- /// @group chat
173
- $kendo-chat-bubble-bg: var( --kendo-chat-bubble-bg, #{k-color(surface-alt)} ) !default;
174
- /// The text color of the Chat bubble.
175
- /// @group chat
176
- $kendo-chat-bubble-text: var( --kendo-chat-bubble-text, #{k-color(on-app-surface)} ) !default;
177
- /// The border color of the Chat bubble.
178
- /// @group chat
179
- $kendo-chat-bubble-border: var( --kendo-chat-bubble-border, #{$kendo-chat-bubble-bg} ) !default;
180
- /// The box shadow of the Chat bubble.
181
- /// @group chat
182
- $kendo-chat-bubble-shadow: var( --kendo-chat-bubble-shadow, var( --kendo-box-shadow-depth-1, none ) ) !default;
183
- /// The shadow of the hovered Chat bubble.
184
- /// @group chat
185
- $kendo-chat-bubble-hover-shadow: var( --kendo-chat-bubble-hover-shadow, var( --kendo-box-shadow-depth-2, none ) ) !default;
186
- /// The shadow of the selected Chat bubble.
187
- /// @group chat
188
- $kendo-chat-bubble-selected-shadow: var( --kendo-chat-bubble-selected-shadow, var( --kendo-box-shadow-depth-3, none ) ) !default;
189
-
190
121
  /// The background color of the Chat alt bubble.
191
122
  /// @group chat
192
123
  $kendo-chat-alt-bubble-bg: var( --kendo-chat-alt-bubble-bg, #{k-color(primary)} ) !default;
@@ -198,49 +129,103 @@ $kendo-chat-alt-bubble-text: var( --kendo-chat-alt-bubble-text, #{k-color(surfac
198
129
  $kendo-chat-alt-bubble-border: var( --kendo-chat-alt-bubble-border, #{$kendo-chat-alt-bubble-bg} ) !default;
199
130
  /// The shadow of the Chat alt bubble.
200
131
  /// @group chat
201
- $kendo-chat-alt-bubble-shadow: var( --kendo-chat-alt-bubble-shadow, var( --kendo-box-shadow-depth-1, none ) ) !default;
202
- /// The shadow of the hovered Chat alt bubble.
132
+ $kendo-chat-alt-bubble-shadow: none !default;
133
+
134
+ /// The background color of the hovered alt Bubble.
135
+ /// @group bubble
136
+ $kendo-chat-alt-bubble-hover-bg: k-color(primary-hover) !default;
137
+ /// The border color of the hovered alt Bubble.
138
+ /// @group bubble
139
+ $kendo-chat-alt-bubble-hover-border: $kendo-chat-alt-bubble-hover-bg !default;
140
+ /// The background color of the active Bubble.
141
+ /// @group bubble
142
+ $kendo-chat-alt-bubble-active-bg: k-color(primary-active) !default;
143
+ /// The border color of the active alt Bubble.
144
+ /// @group bubble
145
+ $kendo-chat-alt-bubble-active-border: $kendo-chat-alt-bubble-active-bg !default;
146
+ /// The background color of the focused alt Bubble.
147
+ /// @group bubble
148
+ $kendo-chat-alt-bubble-focus-bg: $kendo-chat-alt-bubble-bg !default;
149
+ /// The border color of the focused alt Bubble.
150
+ /// @group bubble
151
+ $kendo-chat-alt-bubble-focus-border: $kendo-chat-alt-bubble-focus-bg !default;
152
+ /// The box shadow of the focused alt Bubble.
153
+ /// @group bubble
154
+ $kendo-chat-alt-bubble-focus-shadow: 0 0 0 2px color-mix(in srgb, k-color(primary) 16%, transparent) !default;
155
+
156
+ /// The color of the typing indicator dots.
203
157
  /// @group chat
204
- $kendo-chat-alt-bubble-hover-shadow: var( --kendo-chat-alt-bubble-hover-shadow, var( --kendo-box-shadow-depth-2, none ) ) !default;
205
- /// The shadow of the selected Chat alt bubble.
158
+ $kendo-chat-typing-indicator-text: k-color(base-on-subtle) !default;
159
+
160
+ /// The width of a file in the Chat Textarea.
161
+ /// @group chat
162
+ $kendo-chat-file-width: 240px !default;
163
+ /// The horizontal padding of the Chat file.
164
+ /// @group chat
165
+ $kendo-chat-file-padding-x: k-spacing(2) !default;
166
+ /// The vertical padding of the Chat file.
167
+ /// @group chat
168
+ $kendo-chat-file-padding-y: k-spacing(2) !default;
169
+ /// The spacing between the elements of the Chat file.
170
+ /// @group chat
171
+ $kendo-chat-file-gap: k-spacing(1) !default;
172
+
173
+ /// The border width of the Chat file.
174
+ /// @group chat
175
+ $kendo-chat-file-border-width: 1px !default;
176
+ /// The border style of the Chat file.
206
177
  /// @group chat
207
- $kendo-chat-alt-bubble-selected-shadow: var( --kendo-chat-alt-bubble-selected-shadow, var( --kendo-box-shadow-depth-3, none ) ) !default;
178
+ $kendo-chat-file-border-style: solid !default;
208
179
 
209
- /// The background color of the Chat quick reply.
180
+ /// The background color of the Chat file.
210
181
  /// @group chat
211
- $kendo-chat-quick-reply-bg: var( --kendo-chat-quick-reply-bg, transparent ) !default;
212
- /// The text color of the Chat quick reply.
182
+ $kendo-chat-file-bg: k-color(base-subtle) !default;
183
+ /// The text color of the Chat file.
213
184
  /// @group chat
214
- $kendo-chat-quick-reply-text: var( --kendo-chat-quick-reply-text, #{k-color(primary)} ) !default;
215
- /// The border color of the Chat quick reply.
185
+ $kendo-chat-file-text: k-color(base-on-subtle) !default;
186
+ /// The border color of the Chat file.
216
187
  /// @group chat
217
- $kendo-chat-quick-reply-border: var( --kendo-chat-quick-reply-border, #{k-color(primary)} ) !default;
188
+ $kendo-chat-file-border: k-color(base-subtle) !default;
189
+ /// The border-radius of the Chat file.
190
+ /// @group chat
191
+ $kendo-chat-file-border-radius: k-border-radius(md) !default;
192
+
193
+ /// The horizontal padding of the file download wrapper.
194
+ /// @group chat
195
+ $kendo-chat-file-download-padding-x: k-spacing(2) !default;
196
+ /// The vertical padding of the file download wrapper.
197
+ /// @group chat
198
+ $kendo-chat-file-download-padding-y: k-spacing(2) !default;
218
199
 
219
- /// The background color of the hovered Chat quick reply.
200
+ /// The border width of the Chat pinned message;
220
201
  /// @group chat
221
- $kendo-chat-quick-reply-hover-bg: var( --kendo-chat-quick-reply-hover-bg, #{k-color(primary)} ) !default;
222
- /// The text color of the hovered Chat quick reply.
202
+ $kendo-chat-message-pinned-border-width: 1px !default;
203
+ /// The border style of the Chat pinned message;
223
204
  /// @group chat
224
- $kendo-chat-quick-reply-hover-text: var( --kendo-chat-quick-reply-hover-text, #{k-color(surface-alt)} ) !default;
225
- /// The border color of the hovered Chat quick reply.
205
+ $kendo-chat-message-pinned-border-style: solid !default;
206
+ /// The border color of the Chat pinned message;
226
207
  /// @group chat
227
- $kendo-chat-quick-reply-hover-border: var( --kendo-chat-quick-reply-hover-border, #{k-color(primary)} ) !default;
208
+ $kendo-chat-message-pinned-border-color: color-mix(in srgb, k-color(border) 16%, transparent) !default;
228
209
 
229
- /// The offset of the focused Chat quick reply.
210
+ /// The horizontal padding of the Chat message reference.
211
+ /// @group chat
212
+ $kendo-chat-message-reference-padding-x: k-spacing(1) !default;
213
+ /// The vertical padding of the Chat message reference.
230
214
  /// @group chat
231
- $kendo-chat-quick-reply-focus-offset: var( --kendo-chat-quick-reply-focus-offset, #{k-spacing(0.5)} ) !default;
232
- /// The outline width of the focused Chat quick reply.
215
+ $kendo-chat-message-reference-padding-y: k-spacing(1) !default;
216
+
217
+ /// The background color of the Chat message reference.
233
218
  /// @group chat
234
- $kendo-chat-quick-reply-focus-outline-width: var( --kendo-chat-quick-reply-focus-outline-width, 1px ) !default;
235
- /// The outline style of the focused Chat quick reply.
219
+ $kendo-chat-message-reference-bg: k-color(surface) !default;
220
+ /// The text color of the Chat message reference.
236
221
  /// @group chat
237
- $kendo-chat-quick-reply-focus-outline-style: var( --kendo-chat-quick-reply-focus-outline-style, solid ) !default;
238
- /// The outline color of the focused Chat quick reply.
222
+ $kendo-chat-message-reference-text: k-color(on-app-surface) !default;
223
+ /// The background color of the message reference marker.
239
224
  /// @group chat
240
- $kendo-chat-quick-reply-focus-outline-color: var( --kendo-chat-quick-reply-focus-outline-color, initial ) !default;
241
- /// The shadow opacity of the focused Chat quick reply.
225
+ $kendo-chat-message-reference-marker-bg: k-color(base-emphasis) !default;
226
+ /// The background color of the message reference alt marker.
242
227
  /// @group chat
243
- $kendo-chat-quick-reply-shadow-opacity: 0 !default;
228
+ $kendo-chat-message-reference-marker-alt-bg: k-color(primary) !default;
244
229
 
245
230
  @forward "@progress/kendo-theme-core/scss/components/chat/_variables.scss" with (
246
231
  $kendo-chat-padding-x: $kendo-chat-padding-x,
@@ -251,59 +236,63 @@ $kendo-chat-quick-reply-shadow-opacity: 0 !default;
251
236
  $kendo-chat-font-family: $kendo-chat-font-family,
252
237
  $kendo-chat-font-size: $kendo-chat-font-size,
253
238
  $kendo-chat-line-height: $kendo-chat-line-height,
254
- $kendo-chat-item-spacing-x: $kendo-chat-item-spacing-x,
255
239
  $kendo-chat-item-spacing-y: $kendo-chat-item-spacing-y,
240
+ $kendo-chat-message-max-width: $kendo-chat-message-max-width,
241
+ $kendo-chat-message-gap: $kendo-chat-message-gap,
256
242
  $kendo-chat-message-list-padding-x: $kendo-chat-message-list-padding-x,
257
243
  $kendo-chat-message-list-padding-y: $kendo-chat-message-list-padding-y,
258
244
  $kendo-chat-message-list-spacing: $kendo-chat-message-list-spacing,
245
+ $kendo-chat-message-status-gap: $kendo-chat-message-status-gap,
259
246
  $kendo-chat-timestamp-font-size: $kendo-chat-timestamp-font-size,
260
247
  $kendo-chat-timestamp-line-height: $kendo-chat-timestamp-line-height,
261
248
  $kendo-chat-timestamp-transform: $kendo-chat-timestamp-transform,
262
249
  $kendo-chat-timestamp-text: $kendo-chat-timestamp-text,
263
250
  $kendo-chat-timestamp-bg: $kendo-chat-timestamp-bg,
251
+ $kendo-chat-timestamp-separator-bg: $kendo-chat-timestamp-separator-bg,
252
+ $kendo-chat-timestamp-separator-spacing: $kendo-chat-timestamp-separator-spacing,
264
253
  $kendo-chat-message-meta-font-size: $kendo-chat-message-meta-font-size,
265
254
  $kendo-chat-message-meta-line-height: $kendo-chat-message-meta-line-height,
266
255
  $kendo-chat-author-font-size: $kendo-chat-author-font-size,
267
256
  $kendo-chat-author-line-height: $kendo-chat-author-line-height,
268
- $kendo-chat-bubble-padding-x: $kendo-chat-bubble-padding-x,
269
- $kendo-chat-bubble-padding-y: $kendo-chat-bubble-padding-y,
257
+ $kendo-chat-status-text: $kendo-chat-status-text,
270
258
  $kendo-chat-bubble-spacing: $kendo-chat-bubble-spacing,
271
- $kendo-chat-bubble-line-height: $kendo-chat-bubble-line-height,
272
- $kendo-chat-bubble-border-radius: $kendo-chat-bubble-border-radius,
273
- $kendo-chat-bubble-border-radius-sm: $kendo-chat-bubble-border-radius-sm,
274
- $kendo-chat-avatar-size: $kendo-chat-avatar-size,
275
- $kendo-chat-avatar-spacing: $kendo-chat-avatar-spacing,
276
- $kendo-chat-toolbar-padding-x: $kendo-chat-toolbar-padding-x,
277
- $kendo-chat-toolbar-padding-y: $kendo-chat-toolbar-padding-y,
278
259
  $kendo-chat-toolbar-bg: $kendo-chat-toolbar-bg,
279
260
  $kendo-chat-toolbar-text: $kendo-chat-toolbar-text,
280
261
  $kendo-chat-toolbar-border: $kendo-chat-toolbar-border,
281
- $kendo-chat-quick-reply-padding-x: $kendo-chat-quick-reply-padding-x,
282
- $kendo-chat-quick-reply-padding-y: $kendo-chat-quick-reply-padding-y,
283
- $kendo-chat-quick-reply-spacing: $kendo-chat-quick-reply-spacing,
284
- $kendo-chat-quick-reply-line-height: $kendo-chat-quick-reply-line-height,
285
262
  $kendo-chat-bg: $kendo-chat-bg,
286
263
  $kendo-chat-text: $kendo-chat-text,
287
264
  $kendo-chat-border: $kendo-chat-border,
288
- $kendo-chat-bubble-bg: $kendo-chat-bubble-bg,
289
- $kendo-chat-bubble-text: $kendo-chat-bubble-text,
290
- $kendo-chat-bubble-border: $kendo-chat-bubble-border,
291
- $kendo-chat-bubble-shadow: $kendo-chat-bubble-shadow,
292
- $kendo-chat-bubble-hover-shadow: $kendo-chat-bubble-hover-shadow,
293
- $kendo-chat-bubble-selected-shadow: $kendo-chat-bubble-selected-shadow,
294
265
  $kendo-chat-alt-bubble-bg: $kendo-chat-alt-bubble-bg,
295
266
  $kendo-chat-alt-bubble-text: $kendo-chat-alt-bubble-text,
296
267
  $kendo-chat-alt-bubble-border: $kendo-chat-alt-bubble-border,
297
268
  $kendo-chat-alt-bubble-shadow: $kendo-chat-alt-bubble-shadow,
298
- $kendo-chat-alt-bubble-hover-shadow: $kendo-chat-alt-bubble-hover-shadow,
299
- $kendo-chat-alt-bubble-selected-shadow: $kendo-chat-alt-bubble-selected-shadow,
300
- $kendo-chat-quick-reply-bg: $kendo-chat-quick-reply-bg,
301
- $kendo-chat-quick-reply-text: $kendo-chat-quick-reply-text,
302
- $kendo-chat-quick-reply-border: $kendo-chat-quick-reply-border,
303
- $kendo-chat-quick-reply-hover-bg: $kendo-chat-quick-reply-hover-bg,
304
- $kendo-chat-quick-reply-hover-text: $kendo-chat-quick-reply-hover-text,
305
- $kendo-chat-quick-reply-hover-border: $kendo-chat-quick-reply-hover-border,
306
- $kendo-chat-quick-reply-shadow-opacity: $kendo-chat-quick-reply-shadow-opacity,
307
- $kendo-chat-typing-indicator-dot-size: $kendo-chat-typing-indicator-dot-size,
308
- $kendo-chat-typing-indicator-dot-spacing: $kendo-chat-typing-indicator-dot-spacing
269
+ $kendo-chat-alt-bubble-hover-bg: $kendo-chat-alt-bubble-hover-bg,
270
+ $kendo-chat-alt-bubble-hover-border: $kendo-chat-alt-bubble-hover-border,
271
+ $kendo-chat-alt-bubble-active-bg: $kendo-chat-alt-bubble-active-bg,
272
+ $kendo-chat-alt-bubble-active-border: $kendo-chat-alt-bubble-active-border,
273
+ $kendo-chat-alt-bubble-focus-bg: $kendo-chat-alt-bubble-focus-bg,
274
+ $kendo-chat-alt-bubble-focus-border: $kendo-chat-alt-bubble-focus-border,
275
+ $kendo-chat-alt-bubble-focus-shadow: $kendo-chat-alt-bubble-focus-shadow,
276
+ $kendo-chat-typing-indicator-text: $kendo-chat-typing-indicator-text,
277
+ $kendo-chat-file-width: $kendo-chat-file-width,
278
+ $kendo-chat-file-padding-x: $kendo-chat-file-padding-x,
279
+ $kendo-chat-file-padding-y: $kendo-chat-file-padding-y,
280
+ $kendo-chat-file-gap: $kendo-chat-file-gap,
281
+ $kendo-chat-file-border-width: $kendo-chat-file-border-width,
282
+ $kendo-chat-file-border-style: $kendo-chat-file-border-style,
283
+ $kendo-chat-file-bg: $kendo-chat-file-bg,
284
+ $kendo-chat-file-text: $kendo-chat-file-text,
285
+ $kendo-chat-file-border: $kendo-chat-file-border,
286
+ $kendo-chat-file-border-radius: $kendo-chat-file-border-radius,
287
+ $kendo-chat-file-download-padding-x: $kendo-chat-file-download-padding-x,
288
+ $kendo-chat-file-download-padding-y: $kendo-chat-file-download-padding-y,
289
+ $kendo-chat-message-pinned-border-width: $kendo-chat-message-pinned-border-width,
290
+ $kendo-chat-message-pinned-border-style: $kendo-chat-message-pinned-border-style,
291
+ $kendo-chat-message-pinned-border-color: $kendo-chat-message-pinned-border-color,
292
+ $kendo-chat-message-reference-padding-x: $kendo-chat-message-reference-padding-x,
293
+ $kendo-chat-message-reference-padding-y: $kendo-chat-message-reference-padding-y,
294
+ $kendo-chat-message-reference-bg: $kendo-chat-message-reference-bg,
295
+ $kendo-chat-message-reference-text: $kendo-chat-message-reference-text,
296
+ $kendo-chat-message-reference-marker-bg: $kendo-chat-message-reference-marker-bg,
297
+ $kendo-chat-message-reference-marker-alt-bg: $kendo-chat-message-reference-marker-alt-bg,
309
298
  );
package/scss/index.scss CHANGED
@@ -16,6 +16,7 @@
16
16
  @forward "./virtual-scroller/_index.scss";
17
17
  @forward "./no-data/_index.scss";
18
18
  @forward "./suggestion/_index.scss";
19
+ @forward "./bubble/_index.scss";
19
20
  @forward "./avatar/_index.scss";
20
21
  @forward "./badge/_index.scss";
21
22
  @forward "./color-preview/_index.scss";
@@ -24,6 +25,7 @@
24
25
  @forward "./time-marker/_index.scss";
25
26
  @forward "./tooltip/_index.scss";
26
27
  @forward "./button/_index.scss";
28
+ @forward "./speech-to-text-button/_index.scss";
27
29
  @forward "./input/_index.scss";
28
30
  @forward "./floating-label/_index.scss";
29
31
  @forward "./textbox/_index.scss";
@@ -145,6 +147,7 @@
145
147
  @use "./virtual-scroller/index.scss" as *;
146
148
  @use "./no-data/index.scss" as *;
147
149
  @use "./suggestion/index.scss" as *;
150
+ @use "./bubble/index.scss" as *;
148
151
  @use "./column-menu/_index.scss" as *;
149
152
 
150
153
 
@@ -324,6 +327,7 @@
324
327
  @include kendo-virtual-scroller--styles();
325
328
  @include kendo-no-data--styles();
326
329
  @include kendo-suggestion--styles();
330
+ @include kendo-bubble--styles();
327
331
  @include kendo-column-menu--styles();
328
332
 
329
333