@progress/kendo-theme-bootstrap 11.3.3-dev.0 → 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.
- package/dist/all.css +1 -1
- package/dist/bootstrap-3-dark.css +1 -1
- package/dist/bootstrap-3.css +1 -1
- package/dist/bootstrap-4-dark.css +1 -1
- package/dist/bootstrap-4.css +1 -1
- package/dist/bootstrap-dataviz-v4.css +1 -1
- package/dist/bootstrap-main-dark.css +1 -1
- package/dist/bootstrap-main.css +1 -1
- package/dist/bootstrap-nordic.css +1 -1
- package/dist/bootstrap-turquoise-dark.css +1 -1
- package/dist/bootstrap-turquoise.css +1 -1
- package/dist/bootstrap-urban.css +1 -1
- package/dist/bootstrap-vintage.css +1 -1
- package/dist/meta/sassdoc-data.json +8245 -6997
- package/dist/meta/sassdoc-raw-data.json +1056 -481
- package/dist/meta/variables.json +202 -106
- package/lib/swatches/bootstrap-3-dark.json +1 -1
- package/lib/swatches/bootstrap-3.json +1 -1
- package/lib/swatches/bootstrap-4-dark.json +1 -1
- package/lib/swatches/bootstrap-4.json +1 -1
- package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
- package/lib/swatches/bootstrap-main-dark.json +1 -1
- package/lib/swatches/bootstrap-main.json +1 -1
- package/lib/swatches/bootstrap-nordic.json +1 -1
- package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
- package/lib/swatches/bootstrap-turquoise.json +1 -1
- package/lib/swatches/bootstrap-urban.json +1 -1
- package/lib/swatches/bootstrap-vintage.json +1 -1
- package/package.json +4 -4
- package/scss/bubble/_index.scss +16 -0
- package/scss/bubble/_layout.scss +6 -0
- package/scss/bubble/_theme.scss +6 -0
- package/scss/bubble/_variables.scss +94 -0
- package/scss/chat/_index.scss +18 -2
- package/scss/chat/_variables.scss +139 -130
- package/scss/index.scss +4 -0
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
@use "../core/_index.scss" as *;
|
|
2
|
+
@use "../core/functions/index.import.scss" as *;
|
|
3
|
+
|
|
4
|
+
/// The border radius of the Bubble.
|
|
5
|
+
/// @group bubble
|
|
6
|
+
$kendo-bubble-border-radius: k-border-radius(xl) !default;
|
|
7
|
+
/// The small border radius of the Bubble.
|
|
8
|
+
/// @group bubble
|
|
9
|
+
$kendo-bubble-border-radius-sm: k-border-radius(xs) !default;
|
|
10
|
+
/// The vertical padding of the Bubble.
|
|
11
|
+
/// @group bubble
|
|
12
|
+
$kendo-bubble-padding-y: k-spacing(2) !default;
|
|
13
|
+
/// The horizontal padding of the Bubble.
|
|
14
|
+
/// @group bubble
|
|
15
|
+
$kendo-bubble-padding-x: k-spacing(4) !default;
|
|
16
|
+
/// The border width of the Bubble.
|
|
17
|
+
/// @group bubble
|
|
18
|
+
$kendo-bubble-border-width: 1px !default;
|
|
19
|
+
/// The border style of the Bubble.
|
|
20
|
+
/// @group bubble
|
|
21
|
+
$kendo-bubble-border-style: solid !default;
|
|
22
|
+
/// The line height of the Bubble.
|
|
23
|
+
/// @group bubble
|
|
24
|
+
$kendo-bubble-line-height: var( --kendo-line-height, normal ) !default;
|
|
25
|
+
|
|
26
|
+
/// The text color of the Bubble.
|
|
27
|
+
/// @group bubble
|
|
28
|
+
$kendo-bubble-text: k-color(base-on-subtle) !default;
|
|
29
|
+
/// The background color of the Bubble.
|
|
30
|
+
/// @group bubble
|
|
31
|
+
$kendo-bubble-bg: k-color(base-subtle) !default;
|
|
32
|
+
/// The border color of the Bubble.
|
|
33
|
+
/// @group bubble
|
|
34
|
+
$kendo-bubble-border: $kendo-bubble-bg !default;
|
|
35
|
+
/// The shadow of the Bubble.
|
|
36
|
+
/// @group bubble
|
|
37
|
+
$kendo-bubble-shadow: none !default;
|
|
38
|
+
|
|
39
|
+
/// The background color of the hover Bubble.
|
|
40
|
+
/// @group bubble
|
|
41
|
+
$kendo-bubble-hover-bg: k-color(base-subtle-hover) !default;
|
|
42
|
+
/// The border color of the active Bubble.
|
|
43
|
+
/// @group bubble
|
|
44
|
+
$kendo-bubble-hover-border: $kendo-bubble-hover-bg !default;
|
|
45
|
+
/// The background color of the active Bubble.
|
|
46
|
+
/// @group bubble
|
|
47
|
+
$kendo-bubble-active-bg: k-color(base-subtle-active) !default;
|
|
48
|
+
/// The border color of the active Bubble.
|
|
49
|
+
/// @group bubble
|
|
50
|
+
$kendo-bubble-active-border: $kendo-bubble-active-bg !default;
|
|
51
|
+
/// The background color of the focused Bubble.
|
|
52
|
+
/// @group bubble
|
|
53
|
+
$kendo-bubble-focus-bg: k-color(base-subtle) !default;
|
|
54
|
+
/// The border color of the focused Bubble.
|
|
55
|
+
/// @group bubble
|
|
56
|
+
$kendo-bubble-focus-border: $kendo-bubble-focus-bg !default;
|
|
57
|
+
/// The box shadow of the focused Bubble.
|
|
58
|
+
/// @group bubble
|
|
59
|
+
$kendo-bubble-focus-shadow: 0 0 0 2px color-mix(in srgb, k-color(on-app-surface) 8%, transparent) !default;
|
|
60
|
+
|
|
61
|
+
/// The spacing between content and icon in expandable Bubble.
|
|
62
|
+
/// @group bubble
|
|
63
|
+
$kendo-bubble-expandable-spacing: $kendo-bubble-padding-x !default;
|
|
64
|
+
/// The horizontal padding of the expandable Bubble icon.
|
|
65
|
+
/// @group bubble
|
|
66
|
+
$kendo-bubble-expandable-icon-padding-x: k-spacing(2.5) !default;
|
|
67
|
+
/// The vertical padding of the expandable Bubble icon.
|
|
68
|
+
/// @group bubble
|
|
69
|
+
$kendo-bubble-expandable-icon-padding-y: k-spacing(2.5) !default;
|
|
70
|
+
|
|
71
|
+
@forward "@progress/kendo-theme-core/scss/components/bubble/_variables.scss" with (
|
|
72
|
+
$kendo-bubble-border-radius: $kendo-bubble-border-radius,
|
|
73
|
+
$kendo-bubble-border-radius-sm: $kendo-bubble-border-radius-sm,
|
|
74
|
+
$kendo-bubble-padding-y: $kendo-bubble-padding-y,
|
|
75
|
+
$kendo-bubble-padding-x: $kendo-bubble-padding-x,
|
|
76
|
+
$kendo-bubble-border-width: $kendo-bubble-border-width,
|
|
77
|
+
$kendo-bubble-border-style: $kendo-bubble-border-style,
|
|
78
|
+
$kendo-bubble-line-height: $kendo-bubble-line-height,
|
|
79
|
+
|
|
80
|
+
$kendo-bubble-text: $kendo-bubble-text,
|
|
81
|
+
$kendo-bubble-bg: $kendo-bubble-bg,
|
|
82
|
+
$kendo-bubble-border: $kendo-bubble-border,
|
|
83
|
+
$kendo-bubble-shadow: $kendo-bubble-shadow,
|
|
84
|
+
$kendo-bubble-hover-bg: $kendo-bubble-hover-bg,
|
|
85
|
+
$kendo-bubble-hover-border: $kendo-bubble-hover-border,
|
|
86
|
+
$kendo-bubble-active-bg: $kendo-bubble-active-bg,
|
|
87
|
+
$kendo-bubble-active-border: $kendo-bubble-active-border,
|
|
88
|
+
$kendo-bubble-focus-bg: $kendo-bubble-focus-bg,
|
|
89
|
+
$kendo-bubble-focus-border: $kendo-bubble-focus-border,
|
|
90
|
+
$kendo-bubble-focus-shadow: $kendo-bubble-focus-shadow,
|
|
91
|
+
$kendo-bubble-expandable-spacing: $kendo-bubble-expandable-spacing,
|
|
92
|
+
$kendo-bubble-expandable-icon-padding-x: $kendo-bubble-expandable-icon-padding-x,
|
|
93
|
+
$kendo-bubble-expandable-icon-padding-y: $kendo-bubble-expandable-icon-padding-y,
|
|
94
|
+
);
|
package/scss/chat/_index.scss
CHANGED
|
@@ -1,9 +1,17 @@
|
|
|
1
1
|
// Dependencies
|
|
2
2
|
@use "../core/_index.scss" as *;
|
|
3
3
|
@use "../icons/_index.scss" as *;
|
|
4
|
-
@use "../
|
|
4
|
+
@use "../textarea/_index.scss" as *;
|
|
5
5
|
@use "../card/_index.scss" as *;
|
|
6
|
+
@use "../appbar/_index.scss" as *;
|
|
6
7
|
@use "../toolbar/_index.scss" as *;
|
|
8
|
+
@use "../bubble/_index.scss" as *;
|
|
9
|
+
@use "../upload/_index.scss" as *;
|
|
10
|
+
@use "../dropzone/_index.scss" as *;
|
|
11
|
+
@use "../avatar/_index.scss" as *;
|
|
12
|
+
@use "../speech-to-text-button/_index.scss" as *;
|
|
13
|
+
@use "../suggestion/_index.scss" as *;
|
|
14
|
+
@use "../skeleton/_index.scss" as *;
|
|
7
15
|
|
|
8
16
|
// Component
|
|
9
17
|
@forward "./_variables.scss";
|
|
@@ -14,10 +22,18 @@
|
|
|
14
22
|
@mixin kendo-chat--styles() {
|
|
15
23
|
@include import-once( "chat" ) {
|
|
16
24
|
@include core-styles();
|
|
17
|
-
@include kendo-
|
|
25
|
+
@include kendo-textarea--styles();
|
|
18
26
|
@include kendo-card--styles();
|
|
19
27
|
@include kendo-icon--styles();
|
|
28
|
+
@include kendo-appbar--styles();
|
|
20
29
|
@include kendo-toolbar--styles();
|
|
30
|
+
@include kendo-bubble--styles();
|
|
31
|
+
@include kendo-suggestion--styles();
|
|
32
|
+
@include kendo-skeleton--styles();
|
|
33
|
+
@include kendo-upload--styles();
|
|
34
|
+
@include kendo-dropzone--styles();
|
|
35
|
+
@include kendo-avatar--styles();
|
|
36
|
+
@include kendo-speech-to-text-button--styles();
|
|
21
37
|
@include kendo-chat--layout();
|
|
22
38
|
@include kendo-chat--theme();
|
|
23
39
|
}
|
|
@@ -11,10 +11,10 @@ $kendo-chat-padding-x: k-spacing(4) !default;
|
|
|
11
11
|
/// The vertical padding of the Chat.
|
|
12
12
|
/// @group chat
|
|
13
13
|
$kendo-chat-padding-y: k-spacing(4) !default;
|
|
14
|
-
/// The width of the Chat.
|
|
14
|
+
/// The minimum width of the Chat.
|
|
15
15
|
/// @group chat
|
|
16
|
-
$kendo-chat-width:
|
|
17
|
-
/// The height of the Chat.
|
|
16
|
+
$kendo-chat-width: 320px !default;
|
|
17
|
+
/// The minimum height of the Chat.
|
|
18
18
|
/// @group chat
|
|
19
19
|
$kendo-chat-height: 600px !default;
|
|
20
20
|
/// The border width of the Chat.
|
|
@@ -30,13 +30,17 @@ $kendo-chat-font-size: var( --kendo-font-size, inherit ) !default;
|
|
|
30
30
|
/// @group chat
|
|
31
31
|
$kendo-chat-line-height: var( --kendo-line-height, normal ) !default;
|
|
32
32
|
|
|
33
|
-
/// The horizontal spacing between the items of the Chat.
|
|
34
|
-
/// @group chat
|
|
35
|
-
$kendo-chat-item-spacing-x: k-spacing(2) !default;
|
|
36
33
|
/// The vertical spacing between the items of the Chat.
|
|
37
34
|
/// @group chat
|
|
38
35
|
$kendo-chat-item-spacing-y: k-spacing(4) !default;
|
|
39
36
|
|
|
37
|
+
/// The maximum width of the Chat message.
|
|
38
|
+
/// @group chat
|
|
39
|
+
$kendo-chat-message-max-width: min(75%, 460px) !default;
|
|
40
|
+
/// The spacing between the items of the Chat message.
|
|
41
|
+
/// @group chat
|
|
42
|
+
$kendo-chat-message-gap: k-spacing(2) !default;
|
|
43
|
+
|
|
40
44
|
/// The horizontal padding of the Chat message list.
|
|
41
45
|
/// @group chat
|
|
42
46
|
$kendo-chat-message-list-padding-x: $kendo-chat-padding-x !default;
|
|
@@ -47,21 +51,31 @@ $kendo-chat-message-list-padding-y: $kendo-chat-padding-y !default;
|
|
|
47
51
|
/// @group chat
|
|
48
52
|
$kendo-chat-message-list-spacing: $kendo-chat-item-spacing-y !default;
|
|
49
53
|
|
|
54
|
+
/// The spacing between the icon and text in the Chat message status.
|
|
55
|
+
/// @group chat
|
|
56
|
+
$kendo-chat-message-status-gap: k-spacing(1) !default;
|
|
57
|
+
|
|
50
58
|
/// The font size of the Chat timestamp.
|
|
51
59
|
/// @group chat
|
|
52
|
-
$kendo-chat-timestamp-font-size: var( --kendo-font-size-
|
|
60
|
+
$kendo-chat-timestamp-font-size: var( --kendo-font-size-xs, inherit ) !default;
|
|
53
61
|
/// The line height of the Chat timestamp.
|
|
54
62
|
/// @group chat
|
|
55
63
|
$kendo-chat-timestamp-line-height: var( --kendo-line-height, normal ) !default;
|
|
56
64
|
/// The text transform of the Chat timestamp.
|
|
57
65
|
/// @group chat
|
|
58
|
-
$kendo-chat-timestamp-transform:
|
|
66
|
+
$kendo-chat-timestamp-transform: none !default;
|
|
59
67
|
/// The text color of the Chat timestamp.
|
|
60
68
|
/// @group chat
|
|
61
69
|
$kendo-chat-timestamp-text: k-color(subtle) !default;
|
|
62
70
|
/// The background color of the Chat timestamp.
|
|
63
71
|
/// @group chat
|
|
64
72
|
$kendo-chat-timestamp-bg: null !default;
|
|
73
|
+
/// The background color of the Chat timestamp separator.
|
|
74
|
+
/// @group chat
|
|
75
|
+
$kendo-chat-timestamp-separator-bg: k-color(border) !default;
|
|
76
|
+
/// The spacing between the Chat timestamp and its separator.
|
|
77
|
+
/// @group chat
|
|
78
|
+
$kendo-chat-timestamp-separator-spacing: k-spacing(1) !default;
|
|
65
79
|
|
|
66
80
|
/// The font size of the Chat message meta text.
|
|
67
81
|
/// @group chat
|
|
@@ -77,39 +91,14 @@ $kendo-chat-author-font-size: var( --kendo-font-size-sm, inherit ) !default;
|
|
|
77
91
|
/// @group chat
|
|
78
92
|
$kendo-chat-author-line-height: var( --kendo-line-height-xs, normal ) !default;
|
|
79
93
|
|
|
80
|
-
/// The
|
|
81
|
-
/// @group chat
|
|
82
|
-
$kendo-chat-bubble-padding-x: k-spacing(4) !default;
|
|
83
|
-
/// The vertical padding of the Chat bubble message.
|
|
84
|
-
/// @group chat
|
|
85
|
-
$kendo-chat-bubble-padding-y: k-spacing(2) !default;
|
|
86
|
-
/// The spacing of the Chat bubble message.
|
|
87
|
-
/// @group chat
|
|
88
|
-
$kendo-chat-bubble-spacing: k-spacing(0.5) !default;
|
|
89
|
-
/// The line height of the Chat bubble message.
|
|
94
|
+
/// The text color of the Chat status.
|
|
90
95
|
/// @group chat
|
|
91
|
-
$kendo-chat-
|
|
96
|
+
$kendo-chat-status-text: k-color(subtle) !default;
|
|
92
97
|
|
|
93
|
-
/// The
|
|
94
|
-
/// @group chat
|
|
95
|
-
$kendo-chat-bubble-border-radius: 12px !default;
|
|
96
|
-
/// The border radius of the Chat small bubble message
|
|
97
|
-
/// @group chat
|
|
98
|
-
$kendo-chat-bubble-border-radius-sm: 2px !default;
|
|
99
|
-
|
|
100
|
-
/// The size of the Chat Avatar.
|
|
101
|
-
/// @group chat
|
|
102
|
-
$kendo-chat-avatar-size: 32px !default;
|
|
103
|
-
/// The spacing of the Chat Avatar.
|
|
98
|
+
/// The spacing of the Chat bubble message.
|
|
104
99
|
/// @group chat
|
|
105
|
-
$kendo-chat-
|
|
100
|
+
$kendo-chat-bubble-spacing: k-spacing(2) !default;
|
|
106
101
|
|
|
107
|
-
/// The horizontal padding of the Chat Toolbar.
|
|
108
|
-
/// @group chat
|
|
109
|
-
$kendo-chat-toolbar-padding-x: $kendo-toolbar-md-padding-x !default;
|
|
110
|
-
/// The vertical padding of the Chat Toolbar.
|
|
111
|
-
/// @group chat
|
|
112
|
-
$kendo-chat-toolbar-padding-y: $kendo-toolbar-md-padding-y !default;
|
|
113
102
|
/// The background color of the Chat Toolbar.
|
|
114
103
|
/// @group chat
|
|
115
104
|
$kendo-chat-toolbar-bg: $kendo-toolbar-bg !default;
|
|
@@ -120,20 +109,6 @@ $kendo-chat-toolbar-text: $kendo-toolbar-text !default;
|
|
|
120
109
|
/// @group chat
|
|
121
110
|
$kendo-chat-toolbar-border: inherit !default;
|
|
122
111
|
|
|
123
|
-
/// The horizontal padding of the Chat quick reply.
|
|
124
|
-
/// @group chat
|
|
125
|
-
$kendo-chat-quick-reply-padding-x: k-spacing(3) !default;
|
|
126
|
-
/// The vertical padding of the Chat quick reply.
|
|
127
|
-
/// @group chat
|
|
128
|
-
$kendo-chat-quick-reply-padding-y: k-spacing(2) !default;
|
|
129
|
-
/// The spacing of the Chat quick reply.
|
|
130
|
-
/// @group chat
|
|
131
|
-
$kendo-chat-quick-reply-spacing: k-spacing(2) !default;
|
|
132
|
-
/// The line height of the Chat quick reply.
|
|
133
|
-
/// @group chat
|
|
134
|
-
$kendo-chat-quick-reply-line-height: $kendo-chat-bubble-line-height !default;
|
|
135
|
-
|
|
136
|
-
|
|
137
112
|
/// The background color of the Chat.
|
|
138
113
|
/// @group chat
|
|
139
114
|
$kendo-chat-bg: k-color(surface) !default;
|
|
@@ -144,25 +119,6 @@ $kendo-chat-text: k-color(on-app-surface) !default;
|
|
|
144
119
|
/// @group chat
|
|
145
120
|
$kendo-chat-border: k-color(border) !default;
|
|
146
121
|
|
|
147
|
-
/// The background color of the Chat bubble.
|
|
148
|
-
/// @group chat
|
|
149
|
-
$kendo-chat-bubble-bg: $kendo-button-bg !default;
|
|
150
|
-
/// The text color of the Chat bubble.
|
|
151
|
-
/// @group chat
|
|
152
|
-
$kendo-chat-bubble-text: $kendo-button-text !default;
|
|
153
|
-
/// The border color of the Chat bubble.
|
|
154
|
-
/// @group chat
|
|
155
|
-
$kendo-chat-bubble-border: $kendo-chat-bubble-bg !default;
|
|
156
|
-
/// The box shadow of the Chat bubble.
|
|
157
|
-
/// @group chat
|
|
158
|
-
$kendo-chat-bubble-shadow: none !default;
|
|
159
|
-
/// The shadow of the hovered Chat bubble.
|
|
160
|
-
/// @group chat
|
|
161
|
-
$kendo-chat-bubble-hover-shadow: none !default;
|
|
162
|
-
/// The shadow of the selected Chat bubble.
|
|
163
|
-
/// @group chat
|
|
164
|
-
$kendo-chat-bubble-selected-shadow: none !default;
|
|
165
|
-
|
|
166
122
|
/// The background color of the Chat alt bubble.
|
|
167
123
|
/// @group chat
|
|
168
124
|
$kendo-chat-alt-bubble-bg: k-color(primary) !default;
|
|
@@ -175,50 +131,101 @@ $kendo-chat-alt-bubble-border: $kendo-chat-alt-bubble-bg !default;
|
|
|
175
131
|
/// The shadow of the Chat alt bubble.
|
|
176
132
|
/// @group chat
|
|
177
133
|
$kendo-chat-alt-bubble-shadow: none !default;
|
|
178
|
-
/// The
|
|
179
|
-
/// @group
|
|
180
|
-
$kendo-chat-alt-bubble-hover-
|
|
181
|
-
/// The
|
|
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.
|
|
182
157
|
/// @group chat
|
|
183
|
-
$kendo-chat-
|
|
158
|
+
$kendo-chat-typing-indicator-text: k-color(base-on-subtle) !default;
|
|
184
159
|
|
|
185
|
-
/// The
|
|
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.
|
|
186
164
|
/// @group chat
|
|
187
|
-
$kendo-chat-
|
|
188
|
-
/// The
|
|
165
|
+
$kendo-chat-file-padding-x: k-spacing(2) !default;
|
|
166
|
+
/// The vertical padding of the Chat file.
|
|
189
167
|
/// @group chat
|
|
190
|
-
$kendo-chat-
|
|
191
|
-
/// The
|
|
168
|
+
$kendo-chat-file-padding-y: k-spacing(2) !default;
|
|
169
|
+
/// The spacing between the elements of the Chat file.
|
|
192
170
|
/// @group chat
|
|
193
|
-
$kendo-chat-
|
|
171
|
+
$kendo-chat-file-gap: k-spacing(1) !default;
|
|
194
172
|
|
|
195
|
-
/// The
|
|
173
|
+
/// The border width of the Chat file.
|
|
196
174
|
/// @group chat
|
|
197
|
-
$kendo-chat-
|
|
198
|
-
/// The
|
|
175
|
+
$kendo-chat-file-border-width: 1px !default;
|
|
176
|
+
/// The border style of the Chat file.
|
|
199
177
|
/// @group chat
|
|
200
|
-
$kendo-chat-
|
|
201
|
-
|
|
178
|
+
$kendo-chat-file-border-style: solid !default;
|
|
179
|
+
|
|
180
|
+
/// The background color of the Chat file.
|
|
181
|
+
/// @group chat
|
|
182
|
+
$kendo-chat-file-bg: k-color(base-subtle) !default;
|
|
183
|
+
/// The text color of the Chat file.
|
|
184
|
+
/// @group chat
|
|
185
|
+
$kendo-chat-file-text: k-color(base-on-subtle) !default;
|
|
186
|
+
/// The border color of the Chat file.
|
|
202
187
|
/// @group chat
|
|
203
|
-
$kendo-chat-
|
|
188
|
+
$kendo-chat-file-border: $kendo-chat-file-bg !default;
|
|
189
|
+
/// The border-radius of the Chat file.
|
|
190
|
+
/// @group chat
|
|
191
|
+
$kendo-chat-file-border-radius: k-border-radius(md) !default;
|
|
204
192
|
|
|
205
|
-
/// The
|
|
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.
|
|
206
197
|
/// @group chat
|
|
207
|
-
$kendo-chat-
|
|
208
|
-
|
|
198
|
+
$kendo-chat-file-download-padding-y: k-spacing(2) !default;
|
|
199
|
+
|
|
200
|
+
/// The border width of the Chat pinned message;
|
|
209
201
|
/// @group chat
|
|
210
|
-
$kendo-chat-
|
|
211
|
-
/// The
|
|
202
|
+
$kendo-chat-message-pinned-border-width: 1px !default;
|
|
203
|
+
/// The border style of the Chat pinned message;
|
|
212
204
|
/// @group chat
|
|
213
|
-
$kendo-chat-
|
|
205
|
+
$kendo-chat-message-pinned-border-style: solid !default;
|
|
206
|
+
/// The border color of the Chat pinned message;
|
|
207
|
+
/// @group chat
|
|
208
|
+
$kendo-chat-message-pinned-border-color: k-color(border) !default;
|
|
214
209
|
|
|
215
|
-
/// The
|
|
210
|
+
/// The horizontal padding of the Chat message reference.
|
|
216
211
|
/// @group chat
|
|
217
|
-
$kendo-chat-
|
|
218
|
-
/// The
|
|
212
|
+
$kendo-chat-message-reference-padding-x: k-spacing(1) !default;
|
|
213
|
+
/// The vertical padding of the Chat message reference.
|
|
219
214
|
/// @group chat
|
|
220
|
-
$kendo-chat-
|
|
215
|
+
$kendo-chat-message-reference-padding-y: k-spacing(1) !default;
|
|
221
216
|
|
|
217
|
+
/// The background color of the Chat message reference.
|
|
218
|
+
/// @group chat
|
|
219
|
+
$kendo-chat-message-reference-bg: k-color(surface) !default;
|
|
220
|
+
/// The text color of the Chat message reference.
|
|
221
|
+
/// @group chat
|
|
222
|
+
$kendo-chat-message-reference-text: k-color(on-app-surface) !default;
|
|
223
|
+
/// The background color of the message reference marker.
|
|
224
|
+
/// @group chat
|
|
225
|
+
$kendo-chat-message-reference-marker-bg: k-color(base-emphasis) !default;
|
|
226
|
+
/// The background color of the message reference alt marker.
|
|
227
|
+
/// @group chat
|
|
228
|
+
$kendo-chat-message-reference-marker-alt-bg: k-color(primary-emphasis) !default;
|
|
222
229
|
|
|
223
230
|
@forward "@progress/kendo-theme-core/scss/components/chat/_variables.scss" with (
|
|
224
231
|
$kendo-chat-padding-x: $kendo-chat-padding-x,
|
|
@@ -229,61 +236,63 @@ $kendo-chat-typing-indicator-dot-spacing: 5px !default;
|
|
|
229
236
|
$kendo-chat-font-family: $kendo-chat-font-family,
|
|
230
237
|
$kendo-chat-font-size: $kendo-chat-font-size,
|
|
231
238
|
$kendo-chat-line-height: $kendo-chat-line-height,
|
|
232
|
-
$kendo-chat-item-spacing-x: $kendo-chat-item-spacing-x,
|
|
233
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,
|
|
234
242
|
$kendo-chat-message-list-padding-x: $kendo-chat-message-list-padding-x,
|
|
235
243
|
$kendo-chat-message-list-padding-y: $kendo-chat-message-list-padding-y,
|
|
236
244
|
$kendo-chat-message-list-spacing: $kendo-chat-message-list-spacing,
|
|
245
|
+
$kendo-chat-message-status-gap: $kendo-chat-message-status-gap,
|
|
237
246
|
$kendo-chat-timestamp-font-size: $kendo-chat-timestamp-font-size,
|
|
238
247
|
$kendo-chat-timestamp-line-height: $kendo-chat-timestamp-line-height,
|
|
239
248
|
$kendo-chat-timestamp-transform: $kendo-chat-timestamp-transform,
|
|
240
249
|
$kendo-chat-timestamp-text: $kendo-chat-timestamp-text,
|
|
241
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,
|
|
242
253
|
$kendo-chat-message-meta-font-size: $kendo-chat-message-meta-font-size,
|
|
243
254
|
$kendo-chat-message-meta-line-height: $kendo-chat-message-meta-line-height,
|
|
244
255
|
$kendo-chat-author-font-size: $kendo-chat-author-font-size,
|
|
245
256
|
$kendo-chat-author-line-height: $kendo-chat-author-line-height,
|
|
246
|
-
$kendo-chat-
|
|
247
|
-
$kendo-chat-bubble-padding-y: $kendo-chat-bubble-padding-y,
|
|
257
|
+
$kendo-chat-status-text: $kendo-chat-status-text,
|
|
248
258
|
$kendo-chat-bubble-spacing: $kendo-chat-bubble-spacing,
|
|
249
|
-
$kendo-chat-bubble-line-height: $kendo-chat-bubble-line-height,
|
|
250
|
-
$kendo-chat-bubble-border-radius: $kendo-chat-bubble-border-radius,
|
|
251
|
-
$kendo-chat-bubble-border-radius-sm: $kendo-chat-bubble-border-radius-sm,
|
|
252
|
-
$kendo-chat-avatar-size: $kendo-chat-avatar-size,
|
|
253
|
-
$kendo-chat-avatar-spacing: $kendo-chat-avatar-spacing,
|
|
254
|
-
$kendo-chat-toolbar-padding-x: $kendo-chat-toolbar-padding-x,
|
|
255
|
-
$kendo-chat-toolbar-padding-y: $kendo-chat-toolbar-padding-y,
|
|
256
259
|
$kendo-chat-toolbar-bg: $kendo-chat-toolbar-bg,
|
|
257
260
|
$kendo-chat-toolbar-text: $kendo-chat-toolbar-text,
|
|
258
261
|
$kendo-chat-toolbar-border: $kendo-chat-toolbar-border,
|
|
259
|
-
$kendo-chat-quick-reply-padding-x: $kendo-chat-quick-reply-padding-x,
|
|
260
|
-
$kendo-chat-quick-reply-padding-y: $kendo-chat-quick-reply-padding-y,
|
|
261
|
-
$kendo-chat-quick-reply-spacing: $kendo-chat-quick-reply-spacing,
|
|
262
|
-
$kendo-chat-quick-reply-line-height: $kendo-chat-quick-reply-line-height,
|
|
263
262
|
$kendo-chat-bg: $kendo-chat-bg,
|
|
264
263
|
$kendo-chat-text: $kendo-chat-text,
|
|
265
264
|
$kendo-chat-border: $kendo-chat-border,
|
|
266
|
-
$kendo-chat-bubble-bg: $kendo-chat-bubble-bg,
|
|
267
|
-
$kendo-chat-bubble-text: $kendo-chat-bubble-text,
|
|
268
|
-
$kendo-chat-bubble-border: $kendo-chat-bubble-border,
|
|
269
|
-
$kendo-chat-bubble-shadow: $kendo-chat-bubble-shadow,
|
|
270
|
-
$kendo-chat-bubble-hover-shadow: $kendo-chat-bubble-hover-shadow,
|
|
271
|
-
$kendo-chat-bubble-selected-shadow: $kendo-chat-bubble-selected-shadow,
|
|
272
265
|
$kendo-chat-alt-bubble-bg: $kendo-chat-alt-bubble-bg,
|
|
273
266
|
$kendo-chat-alt-bubble-text: $kendo-chat-alt-bubble-text,
|
|
274
267
|
$kendo-chat-alt-bubble-border: $kendo-chat-alt-bubble-border,
|
|
275
268
|
$kendo-chat-alt-bubble-shadow: $kendo-chat-alt-bubble-shadow,
|
|
276
|
-
$kendo-chat-alt-bubble-hover-
|
|
277
|
-
$kendo-chat-alt-bubble-
|
|
278
|
-
$kendo-chat-
|
|
279
|
-
$kendo-chat-
|
|
280
|
-
$kendo-chat-
|
|
281
|
-
$kendo-chat-
|
|
282
|
-
$kendo-chat-
|
|
283
|
-
$kendo-chat-
|
|
284
|
-
$kendo-chat-
|
|
285
|
-
$kendo-chat-
|
|
286
|
-
$kendo-chat-
|
|
287
|
-
$kendo-chat-
|
|
288
|
-
$kendo-chat-
|
|
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,
|
|
289
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";
|
|
@@ -146,6 +148,7 @@
|
|
|
146
148
|
@use "./virtual-scroller/_index.scss" as *;
|
|
147
149
|
@use "./no-data/_index.scss" as *;
|
|
148
150
|
@use "./suggestion/_index.scss" as *;
|
|
151
|
+
@use "./bubble/_index.scss" as *;
|
|
149
152
|
@use "./column-menu/_index.scss" as *;
|
|
150
153
|
|
|
151
154
|
// Indicators
|
|
@@ -319,6 +322,7 @@
|
|
|
319
322
|
@include kendo-virtual-scroller--styles();
|
|
320
323
|
@include kendo-no-data--styles();
|
|
321
324
|
@include kendo-suggestion--styles();
|
|
325
|
+
@include kendo-bubble--styles();
|
|
322
326
|
@include kendo-column-menu--styles();
|
|
323
327
|
|
|
324
328
|
|