@progress/kendo-theme-classic 13.0.0-dev.0 → 13.0.0-dev.2
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/classic-green-dark.css +1 -1
- package/dist/classic-green.css +1 -1
- package/dist/classic-lavender-dark.css +1 -1
- package/dist/classic-lavender.css +1 -1
- package/dist/classic-main-dark.css +1 -1
- package/dist/classic-main.css +1 -1
- package/dist/classic-metro-dark.css +1 -1
- package/dist/classic-metro.css +1 -1
- package/dist/classic-moonlight.css +1 -1
- package/dist/classic-opal-dark.css +1 -1
- package/dist/classic-opal.css +1 -1
- package/dist/classic-silver-dark.css +1 -1
- package/dist/classic-silver.css +1 -1
- package/dist/classic-uniform.css +1 -1
- package/dist/meta/sassdoc-data.json +7178 -2740
- package/dist/meta/sassdoc-raw-data.json +3466 -1457
- package/dist/meta/variables.json +476 -121
- package/lib/swatches/classic-green-dark.json +1 -1
- package/lib/swatches/classic-green.json +1 -1
- package/lib/swatches/classic-lavender-dark.json +1 -1
- package/lib/swatches/classic-lavender.json +1 -1
- package/lib/swatches/classic-main-dark.json +1 -1
- package/lib/swatches/classic-main.json +1 -1
- package/lib/swatches/classic-metro-dark.json +1 -1
- package/lib/swatches/classic-metro.json +1 -1
- package/lib/swatches/classic-moonlight.json +1 -1
- package/lib/swatches/classic-opal-dark.json +1 -1
- package/lib/swatches/classic-opal.json +1 -1
- package/lib/swatches/classic-silver-dark.json +1 -1
- package/lib/swatches/classic-silver.json +1 -1
- package/lib/swatches/classic-uniform.json +1 -1
- package/package.json +5 -5
- package/scss/bubble/_variables.scss +1 -1
- package/scss/chat/_index.scss +2 -0
- package/scss/chat/_variables.scss +33 -60
- package/scss/core/motion/index.scss +1 -0
- package/scss/dropdowntree/_variables.scss +10 -1
- package/scss/file-box/_index.scss +16 -0
- package/scss/file-box/_layout.scss +6 -0
- package/scss/file-box/_theme.scss +6 -0
- package/scss/file-box/_variables.scss +73 -0
- package/scss/grid/_index.scss +2 -0
- package/scss/grid/_variables.scss +11 -1
- package/scss/icons/_variables.scss +5 -1
- package/scss/index.scss +12 -0
- package/scss/list/_variables.scss +55 -20
- package/scss/prompt-box/_index.scss +16 -0
- package/scss/prompt-box/_layout.scss +6 -0
- package/scss/prompt-box/_theme.scss +6 -0
- package/scss/prompt-box/_variables.scss +34 -0
- package/scss/segmented-control/_index.scss +16 -0
- package/scss/segmented-control/_layout.scss +6 -0
- package/scss/segmented-control/_theme.scss +6 -0
- package/scss/segmented-control/_variables.scss +142 -0
- package/scss/smart-box/_index.scss +24 -0
- package/scss/smart-box/_layout.scss +6 -0
- package/scss/smart-box/_theme.scss +6 -0
- package/scss/smart-box/_variables.scss +71 -0
- package/scss/suggestion/_variables.scss +14 -4
- package/scss/toolbar/_variables.scss +4 -0
- package/scss/treeview/_variables.scss +16 -3
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-classic",
|
|
3
3
|
"description": "Sass port of less based themes for Kendo UI theme",
|
|
4
|
-
"version": "13.0.0-dev.
|
|
4
|
+
"version": "13.0.0-dev.2",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -53,13 +53,13 @@
|
|
|
53
53
|
"postpublish": "echo 'no postpublish for classic theme'"
|
|
54
54
|
},
|
|
55
55
|
"dependencies": {
|
|
56
|
-
"@progress/kendo-svg-icons": "^4.
|
|
57
|
-
"@progress/kendo-theme-core": "13.0.0-dev.
|
|
58
|
-
"@progress/kendo-theme-utils": "13.0.0-dev.
|
|
56
|
+
"@progress/kendo-svg-icons": "^4.8.0",
|
|
57
|
+
"@progress/kendo-theme-core": "13.0.0-dev.2",
|
|
58
|
+
"@progress/kendo-theme-utils": "13.0.0-dev.2"
|
|
59
59
|
},
|
|
60
60
|
"directories": {
|
|
61
61
|
"doc": "docs",
|
|
62
62
|
"lib": "lib"
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "fbb2123e3f2c61d5b960c897b969af8cba3549ae"
|
|
65
65
|
}
|
|
@@ -9,7 +9,7 @@ $kendo-bubble-border-radius: k-border-radius(xxl) !default;
|
|
|
9
9
|
$kendo-bubble-border-radius-sm: k-border-radius(sm) !default;
|
|
10
10
|
/// The vertical padding of the Bubble.
|
|
11
11
|
/// @group bubble
|
|
12
|
-
$kendo-bubble-padding-y: k-spacing(2) !default;
|
|
12
|
+
$kendo-bubble-padding-y: k-spacing(2.5) !default;
|
|
13
13
|
/// The horizontal padding of the Bubble.
|
|
14
14
|
/// @group bubble
|
|
15
15
|
$kendo-bubble-padding-x: k-spacing(3) !default;
|
package/scss/chat/_index.scss
CHANGED
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
@use "../speech-to-text-button/_index.scss" as *;
|
|
13
13
|
@use "../suggestion/_index.scss" as *;
|
|
14
14
|
@use "../skeleton/_index.scss" as *;
|
|
15
|
+
@use "../prompt-box/_index.scss" as *;
|
|
15
16
|
|
|
16
17
|
// Component
|
|
17
18
|
@forward "./_variables.scss";
|
|
@@ -33,6 +34,7 @@
|
|
|
33
34
|
@include kendo-upload--styles();
|
|
34
35
|
@include kendo-dropzone--styles();
|
|
35
36
|
@include kendo-avatar--styles();
|
|
37
|
+
@include kendo-prompt-box--styles();
|
|
36
38
|
@include kendo-speech-to-text-button--styles();
|
|
37
39
|
@include kendo-chat--layout();
|
|
38
40
|
@include kendo-chat--theme();
|
|
@@ -5,10 +5,10 @@
|
|
|
5
5
|
|
|
6
6
|
/// The horizontal padding of the Chat.
|
|
7
7
|
/// @group chat
|
|
8
|
-
$kendo-chat-padding-x: k-spacing(
|
|
8
|
+
$kendo-chat-padding-x: k-spacing(5) !default;
|
|
9
9
|
/// The vertical padding of the Chat.
|
|
10
10
|
/// @group chat
|
|
11
|
-
$kendo-chat-padding-y: k-spacing(
|
|
11
|
+
$kendo-chat-padding-y: k-spacing(5) !default;
|
|
12
12
|
/// The minimum width of the Chat.
|
|
13
13
|
/// @group chat
|
|
14
14
|
$kendo-chat-width: 280px !default;
|
|
@@ -39,6 +39,10 @@ $kendo-chat-message-max-width: min(75%, 460px) !default;
|
|
|
39
39
|
/// @group chat
|
|
40
40
|
$kendo-chat-message-gap: k-spacing(2) !default;
|
|
41
41
|
|
|
42
|
+
/// The border radius of sequential Chat messages.
|
|
43
|
+
/// @group chat
|
|
44
|
+
$kendo-sequential-messages-border-radius: k-border-radius(sm) !default;
|
|
45
|
+
|
|
42
46
|
/// The horizontal padding of the Chat message list.
|
|
43
47
|
/// @group chat
|
|
44
48
|
$kendo-chat-message-list-padding-x: $kendo-chat-padding-x !default;
|
|
@@ -48,6 +52,9 @@ $kendo-chat-message-list-padding-y: $kendo-chat-padding-y !default;
|
|
|
48
52
|
/// The spacing of the Chat message list.
|
|
49
53
|
/// @group chat
|
|
50
54
|
$kendo-chat-message-list-spacing: $kendo-chat-item-spacing-y !default;
|
|
55
|
+
/// The spacing of the Chat message box wrapper.
|
|
56
|
+
/// @group chat
|
|
57
|
+
$kendo-chat-message-box-wrapper-spacing: k-spacing(3) !default;
|
|
51
58
|
|
|
52
59
|
/// The minimum size of the Chat message status.
|
|
53
60
|
/// @group chat
|
|
@@ -86,7 +93,7 @@ $kendo-chat-timestamp-separator-spacing: k-spacing(1) !default;
|
|
|
86
93
|
$kendo-chat-message-meta-font-size: var( --kendo-font-size-sm, inherit ) !default;
|
|
87
94
|
/// The line height of the Chat message meta text.
|
|
88
95
|
/// @group chat
|
|
89
|
-
$kendo-chat-message-meta-line-height: var( --kendo-line-height-
|
|
96
|
+
$kendo-chat-message-meta-line-height: var( --kendo-line-height-xs, normal ) !default;
|
|
90
97
|
|
|
91
98
|
/// The font size of the Chat author text.
|
|
92
99
|
/// @group chat
|
|
@@ -101,7 +108,7 @@ $kendo-chat-status-text: k-color(subtle) !default;
|
|
|
101
108
|
|
|
102
109
|
/// The spacing of the Chat bubble message.
|
|
103
110
|
/// @group chat
|
|
104
|
-
$kendo-chat-bubble-spacing: k-spacing(
|
|
111
|
+
$kendo-chat-bubble-spacing: k-spacing(1) !default;
|
|
105
112
|
|
|
106
113
|
/// The background color of the Chat Toolbar.
|
|
107
114
|
/// @group chat
|
|
@@ -115,7 +122,7 @@ $kendo-chat-toolbar-border: inherit !default;
|
|
|
115
122
|
|
|
116
123
|
/// The background color of the Chat.
|
|
117
124
|
/// @group chat
|
|
118
|
-
$kendo-chat-bg:
|
|
125
|
+
$kendo-chat-bg: transparent !default;
|
|
119
126
|
/// The text color of the Chat.
|
|
120
127
|
/// @group chat
|
|
121
128
|
$kendo-chat-text: k-color(on-app-surface) !default;
|
|
@@ -161,53 +168,26 @@ $kendo-chat-alt-bubble-focus-border: $kendo-chat-alt-bubble-focus-bg !default;
|
|
|
161
168
|
/// @group bubble
|
|
162
169
|
$kendo-chat-alt-bubble-focus-shadow: 0 0 0 2px color-mix(in srgb, k-color(primary) 16%, transparent) !default;
|
|
163
170
|
|
|
164
|
-
/// The
|
|
165
|
-
/// @group chat
|
|
166
|
-
$kendo-chat-file-min-width: 96px !default;
|
|
167
|
-
/// The maximum width of a file in the Chat Textarea.
|
|
168
|
-
/// @group chat
|
|
169
|
-
$kendo-chat-file-max-width: 160px !default;
|
|
170
|
-
/// The font size of the Chat file name.
|
|
171
|
-
/// @group chat
|
|
172
|
-
$kendo-chat-file-name-font-size: var( --kendo-font-size-sm, inherit ) !default;
|
|
173
|
-
/// The line height of the Chat file name.
|
|
171
|
+
/// The text color of the bubble of the failed Chat message.
|
|
174
172
|
/// @group chat
|
|
175
|
-
$kendo-chat-
|
|
176
|
-
/// The
|
|
173
|
+
$kendo-chat-failed-bubble-text: k-color(base-on-subtle) !default;
|
|
174
|
+
/// The background color of the bubble of the failed Chat message.
|
|
177
175
|
/// @group chat
|
|
178
|
-
$kendo-chat-
|
|
179
|
-
/// The
|
|
176
|
+
$kendo-chat-failed-bubble-bg: k-color(error-subtle) !default;
|
|
177
|
+
/// The border color of the bubble of the failed Chat message.
|
|
180
178
|
/// @group chat
|
|
181
|
-
$kendo-chat-
|
|
182
|
-
/// The
|
|
179
|
+
$kendo-chat-failed-bubble-border: k-color(error-emphasis) !default;
|
|
180
|
+
/// The text color of the failed Chat message content.
|
|
183
181
|
/// @group chat
|
|
184
|
-
$kendo-chat-
|
|
185
|
-
/// The vertical padding of the Chat file.
|
|
186
|
-
/// @group chat
|
|
187
|
-
$kendo-chat-file-padding-y: k-spacing(1) !default;
|
|
188
|
-
/// The spacing between the elements of the Chat file.
|
|
189
|
-
/// @group chat
|
|
190
|
-
$kendo-chat-file-gap: k-spacing(1) !default;
|
|
182
|
+
$kendo-chat-failed-content-color: k-color(error-on-surface) !default;
|
|
191
183
|
|
|
192
|
-
/// The
|
|
193
|
-
/// @group chat
|
|
194
|
-
$kendo-chat-file-border-width: 1px !default;
|
|
195
|
-
/// The border style of the Chat file.
|
|
184
|
+
/// The background color of the hovered bubble of the failed Chat message.
|
|
196
185
|
/// @group chat
|
|
197
|
-
$kendo-chat-
|
|
186
|
+
$kendo-chat-failed-bubble-hover-bg: k-color(error-subtle-hover) !default;
|
|
198
187
|
|
|
199
|
-
/// The background color of the Chat
|
|
200
|
-
/// @group chat
|
|
201
|
-
$kendo-chat-file-bg: color-mix(in srgb, k-color(base-on-subtle) 8%, transparent) !default;
|
|
202
|
-
/// The text color of the Chat file.
|
|
203
|
-
/// @group chat
|
|
204
|
-
$kendo-chat-file-text: k-color(base-on-subtle) !default;
|
|
205
|
-
/// The border color of the Chat file.
|
|
206
|
-
/// @group chat
|
|
207
|
-
$kendo-chat-file-border: $kendo-chat-file-bg !default;
|
|
208
|
-
/// The border-radius of the Chat file.
|
|
188
|
+
/// The background color of the selected bubble of the failed Chat message.
|
|
209
189
|
/// @group chat
|
|
210
|
-
$kendo-chat-
|
|
190
|
+
$kendo-chat-failed-bubble-selected-bg: k-color(error-subtle-active) !default;
|
|
211
191
|
|
|
212
192
|
/// The background color of the Chat sender file.
|
|
213
193
|
/// @group chat
|
|
@@ -238,7 +218,7 @@ $kendo-chat-message-reference-padding-y: k-spacing(2) !default;
|
|
|
238
218
|
|
|
239
219
|
/// The background color of the Chat message reference.
|
|
240
220
|
/// @group chat
|
|
241
|
-
$kendo-chat-message-reference-bg: k-color(surface) !default;
|
|
221
|
+
$kendo-chat-message-reference-bg: color-mix(in srgb, k-color(surface) 90%, transparent) !default;
|
|
242
222
|
/// The text color of the Chat message reference.
|
|
243
223
|
/// @group chat
|
|
244
224
|
$kendo-chat-message-reference-text: k-color(on-app-surface) !default;
|
|
@@ -261,9 +241,11 @@ $kendo-chat-message-reference-marker-alt-bg: k-color(primary-emphasis) !default;
|
|
|
261
241
|
$kendo-chat-item-spacing-y: $kendo-chat-item-spacing-y,
|
|
262
242
|
$kendo-chat-message-max-width: $kendo-chat-message-max-width,
|
|
263
243
|
$kendo-chat-message-gap: $kendo-chat-message-gap,
|
|
244
|
+
$kendo-sequential-messages-border-radius: $kendo-sequential-messages-border-radius,
|
|
264
245
|
$kendo-chat-message-list-padding-x: $kendo-chat-message-list-padding-x,
|
|
265
246
|
$kendo-chat-message-list-padding-y: $kendo-chat-message-list-padding-y,
|
|
266
247
|
$kendo-chat-message-list-spacing: $kendo-chat-message-list-spacing,
|
|
248
|
+
$kendo-chat-message-box-wrapper-spacing: $kendo-chat-message-box-wrapper-spacing,
|
|
267
249
|
$kendo-chat-status-min-size: $kendo-chat-status-min-size,
|
|
268
250
|
$kendo-chat-status-max-size: $kendo-chat-status-max-size,
|
|
269
251
|
$kendo-chat-message-status-gap: $kendo-chat-message-status-gap,
|
|
@@ -297,22 +279,13 @@ $kendo-chat-message-reference-marker-alt-bg: k-color(primary-emphasis) !default;
|
|
|
297
279
|
$kendo-chat-alt-bubble-focus-bg: $kendo-chat-alt-bubble-focus-bg,
|
|
298
280
|
$kendo-chat-alt-bubble-focus-border: $kendo-chat-alt-bubble-focus-border,
|
|
299
281
|
$kendo-chat-alt-bubble-focus-shadow: $kendo-chat-alt-bubble-focus-shadow,
|
|
282
|
+
$kendo-chat-failed-bubble-text: $kendo-chat-failed-bubble-text,
|
|
283
|
+
$kendo-chat-failed-bubble-bg: $kendo-chat-failed-bubble-bg,
|
|
284
|
+
$kendo-chat-failed-bubble-border: $kendo-chat-failed-bubble-border,
|
|
285
|
+
$kendo-chat-failed-content-color: $kendo-chat-failed-content-color,
|
|
286
|
+
$kendo-chat-failed-bubble-hover-bg: $kendo-chat-failed-bubble-hover-bg,
|
|
287
|
+
$kendo-chat-failed-bubble-selected-bg: $kendo-chat-failed-bubble-selected-bg,
|
|
300
288
|
$kendo-chat-typing-indicator-text: $kendo-chat-typing-indicator-text,
|
|
301
|
-
$kendo-chat-file-min-width: $kendo-chat-file-min-width,
|
|
302
|
-
$kendo-chat-file-max-width: $kendo-chat-file-max-width,
|
|
303
|
-
$kendo-chat-file-name-font-size: $kendo-chat-file-name-font-size,
|
|
304
|
-
$kendo-chat-file-name-line-height: $kendo-chat-file-name-line-height,
|
|
305
|
-
$kendo-chat-file-size-font-size: $kendo-chat-file-size-font-size,
|
|
306
|
-
$kendo-chat-file-size-line-height: $kendo-chat-file-size-line-height,
|
|
307
|
-
$kendo-chat-file-padding-x: $kendo-chat-file-padding-x,
|
|
308
|
-
$kendo-chat-file-padding-y: $kendo-chat-file-padding-y,
|
|
309
|
-
$kendo-chat-file-gap: $kendo-chat-file-gap,
|
|
310
|
-
$kendo-chat-file-border-width: $kendo-chat-file-border-width,
|
|
311
|
-
$kendo-chat-file-border-style: $kendo-chat-file-border-style,
|
|
312
|
-
$kendo-chat-file-bg: $kendo-chat-file-bg,
|
|
313
|
-
$kendo-chat-file-text: $kendo-chat-file-text,
|
|
314
|
-
$kendo-chat-file-border: $kendo-chat-file-border,
|
|
315
|
-
$kendo-chat-file-border-radius: $kendo-chat-file-border-radius,
|
|
316
289
|
$kendo-chat-sender-file-bg: $kendo-chat-sender-file-bg,
|
|
317
290
|
$kendo-chat-sender-file-text: $kendo-chat-sender-file-text,
|
|
318
291
|
$kendo-chat-sender-file-border: $kendo-chat-sender-file-border,
|
|
@@ -9,8 +9,17 @@ $kendo-dropdowntree-popup-padding-x: k-spacing(2) !default;
|
|
|
9
9
|
/// @group dropdowntree
|
|
10
10
|
$kendo-dropdowntree-popup-padding-y: k-spacing(2) !default;
|
|
11
11
|
|
|
12
|
+
/// The horizontal padding of the DropdownTree check all
|
|
13
|
+
/// @group dropdowntree
|
|
14
|
+
$kendo-dropdowntree-check-all-padding-x: k-spacing(1) !default;
|
|
15
|
+
/// The vertical padding of the DropdownTree check all
|
|
16
|
+
/// @group dropdowntree
|
|
17
|
+
$kendo-dropdowntree-check-all-padding-y: k-spacing(2) !default;
|
|
18
|
+
|
|
12
19
|
|
|
13
20
|
@forward "@progress/kendo-theme-core/scss/components/dropdowntree/_variables.scss" with (
|
|
14
21
|
$kendo-dropdowntree-popup-padding-x: $kendo-dropdowntree-popup-padding-x,
|
|
15
|
-
$kendo-dropdowntree-popup-padding-y: $kendo-dropdowntree-popup-padding-y
|
|
22
|
+
$kendo-dropdowntree-popup-padding-y: $kendo-dropdowntree-popup-padding-y,
|
|
23
|
+
$kendo-dropdowntree-check-all-padding-x: $kendo-dropdowntree-check-all-padding-x,
|
|
24
|
+
$kendo-dropdowntree-check-all-padding-y: $kendo-dropdowntree-check-all-padding-y
|
|
16
25
|
);
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
// Dependencies
|
|
2
|
+
@use "../core/_index.scss" as *;
|
|
3
|
+
|
|
4
|
+
// Component
|
|
5
|
+
@forward "./_variables.scss";
|
|
6
|
+
@use "./_layout.scss" as *;
|
|
7
|
+
@use "./_theme.scss" as *;
|
|
8
|
+
|
|
9
|
+
// Expose
|
|
10
|
+
@mixin kendo-file-box--styles() {
|
|
11
|
+
@include import-once( "file-box" ) {
|
|
12
|
+
@include core-styles();
|
|
13
|
+
@include kendo-file-box--layout();
|
|
14
|
+
@include kendo-file-box--theme();
|
|
15
|
+
}
|
|
16
|
+
}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
@use "../core/_index.scss" as *;
|
|
2
|
+
|
|
3
|
+
// File Box
|
|
4
|
+
|
|
5
|
+
/// The horizontal padding of the File Box.
|
|
6
|
+
/// @group file-box
|
|
7
|
+
$kendo-file-box-padding-x: k-spacing(1) !default;
|
|
8
|
+
/// The vertical padding of the File Box.
|
|
9
|
+
/// @group file-box
|
|
10
|
+
$kendo-file-box-padding-y: k-spacing(1) !default;
|
|
11
|
+
/// The spacing between the elements of the File Box.
|
|
12
|
+
/// @group file-box
|
|
13
|
+
$kendo-file-box-gap: k-spacing(1) !default;
|
|
14
|
+
/// The minimum width of the File Box.
|
|
15
|
+
/// @group file-box
|
|
16
|
+
$kendo-file-box-min-width: 96px !default;
|
|
17
|
+
/// The maximum width of the File Box.
|
|
18
|
+
/// @group file-box
|
|
19
|
+
$kendo-file-box-max-width: 160px !default;
|
|
20
|
+
/// The border width of the File Box.
|
|
21
|
+
/// @group file-box
|
|
22
|
+
$kendo-file-box-border-width: 1px !default;
|
|
23
|
+
/// The border style of the File Box.
|
|
24
|
+
/// @group file-box
|
|
25
|
+
$kendo-file-box-border-style: solid !default;
|
|
26
|
+
/// The border-radius of the File Box.
|
|
27
|
+
/// @group file-box
|
|
28
|
+
$kendo-file-box-border-radius: k-border-radius(md) !default;
|
|
29
|
+
/// The font size of the File Box file name.
|
|
30
|
+
/// @group file-box
|
|
31
|
+
$kendo-file-box-name-font-size: var( --kendo-font-size-sm, inherit ) !default;
|
|
32
|
+
/// The line height of the File Box file name.
|
|
33
|
+
/// @group file-box
|
|
34
|
+
$kendo-file-box-name-line-height: var( --kendo-line-height-lg, normal ) !default;
|
|
35
|
+
/// The font size of the File Box file size.
|
|
36
|
+
/// @group file-box
|
|
37
|
+
$kendo-file-box-size-font-size: var( --kendo-font-size-xs, inherit ) !default;
|
|
38
|
+
/// The line height of the File Box file size.
|
|
39
|
+
/// @group file-box
|
|
40
|
+
$kendo-file-box-size-line-height: var( --kendo-line-height-xs, normal ) !default;
|
|
41
|
+
|
|
42
|
+
/// The background color of the File Box.
|
|
43
|
+
/// @group file-box
|
|
44
|
+
$kendo-file-box-bg: color-mix(in srgb, k-color(base-on-subtle) 8%, transparent) !default;
|
|
45
|
+
/// The text color of the File Box.
|
|
46
|
+
/// @group file-box
|
|
47
|
+
$kendo-file-box-text: k-color(base-on-subtle) !default;
|
|
48
|
+
/// The border color of the File Box.
|
|
49
|
+
/// @group file-box
|
|
50
|
+
$kendo-file-box-border: $kendo-file-box-bg !default;
|
|
51
|
+
|
|
52
|
+
/// The gradient used for the File Box wrapper scrolling indicator.
|
|
53
|
+
/// @group file-box
|
|
54
|
+
$kendo-file-box-wrapper-scroll-gradient: rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 1) 100% !default;
|
|
55
|
+
|
|
56
|
+
@forward "@progress/kendo-theme-core/scss/components/file-box/_variables.scss" with (
|
|
57
|
+
$kendo-file-box-padding-x: $kendo-file-box-padding-x,
|
|
58
|
+
$kendo-file-box-padding-y: $kendo-file-box-padding-y,
|
|
59
|
+
$kendo-file-box-gap: $kendo-file-box-gap,
|
|
60
|
+
$kendo-file-box-min-width: $kendo-file-box-min-width,
|
|
61
|
+
$kendo-file-box-max-width: $kendo-file-box-max-width,
|
|
62
|
+
$kendo-file-box-border-width: $kendo-file-box-border-width,
|
|
63
|
+
$kendo-file-box-border-style: $kendo-file-box-border-style,
|
|
64
|
+
$kendo-file-box-border-radius: $kendo-file-box-border-radius,
|
|
65
|
+
$kendo-file-box-name-font-size: $kendo-file-box-name-font-size,
|
|
66
|
+
$kendo-file-box-name-line-height: $kendo-file-box-name-line-height,
|
|
67
|
+
$kendo-file-box-size-font-size: $kendo-file-box-size-font-size,
|
|
68
|
+
$kendo-file-box-size-line-height: $kendo-file-box-size-line-height,
|
|
69
|
+
$kendo-file-box-bg: $kendo-file-box-bg,
|
|
70
|
+
$kendo-file-box-text: $kendo-file-box-text,
|
|
71
|
+
$kendo-file-box-border: $kendo-file-box-border,
|
|
72
|
+
$kendo-file-box-wrapper-scroll-gradient: $kendo-file-box-wrapper-scroll-gradient
|
|
73
|
+
);
|
package/scss/grid/_index.scss
CHANGED
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
@use "../table/_index.scss" as *;
|
|
25
25
|
@use "../tabstrip/_index.scss" as *;
|
|
26
26
|
@use "../column-menu/_index.scss" as *;
|
|
27
|
+
@use "../smart-box/_index.scss" as *;
|
|
27
28
|
|
|
28
29
|
// Component
|
|
29
30
|
@forward "./_variables.scss";
|
|
@@ -56,6 +57,7 @@
|
|
|
56
57
|
@include kendo-list--styles();
|
|
57
58
|
@include kendo-table--styles();
|
|
58
59
|
@include kendo-tabstrip--styles();
|
|
60
|
+
@include kendo-smart-box--styles();
|
|
59
61
|
@include kendo-grid--layout();
|
|
60
62
|
@include kendo-grid--theme();
|
|
61
63
|
@include kendo-utils--interactivity--touch-action();
|
|
@@ -342,6 +342,10 @@ $kendo-grid-sticky-header-border: $kendo-grid-sticky-border !default;
|
|
|
342
342
|
/// @group grid
|
|
343
343
|
$kendo-grid-sticky-footer-bg: $kendo-grid-header-bg !default;
|
|
344
344
|
|
|
345
|
+
/// The box shadow of the sticky container in the Grid.
|
|
346
|
+
/// @group grid
|
|
347
|
+
$kendo-grid-sticky-container-shadow: k-elevation(2) !default;
|
|
348
|
+
|
|
345
349
|
|
|
346
350
|
/// The width of the Grid column menu.
|
|
347
351
|
/// @group grid
|
|
@@ -482,6 +486,10 @@ $kendo-grid-stack-focus-outline: color-mix(in srgb, k-color(on-app-surface) 12%,
|
|
|
482
486
|
/// @group grid
|
|
483
487
|
$kendo-grid-stack-expandable-shadow: k-elevation(2) !default;
|
|
484
488
|
|
|
489
|
+
/// The font weight of the pinned source row in the Grid.
|
|
490
|
+
/// @group grid
|
|
491
|
+
$kendo-grid-pinned-source-font-weight: var( --kendo-font-weight-bold, 700 ) !default;
|
|
492
|
+
|
|
485
493
|
@forward "@progress/kendo-theme-core/scss/components/grid/_variables.scss" with (
|
|
486
494
|
$kendo-grid-default-size: $kendo-grid-default-size,
|
|
487
495
|
$kendo-grid-border-width: $kendo-grid-border-width,
|
|
@@ -621,5 +629,7 @@ $kendo-grid-stack-expandable-shadow: k-elevation(2) !default;
|
|
|
621
629
|
$kendo-grid-stack-expandable-shadow-height: $kendo-grid-stack-expandable-shadow-height,
|
|
622
630
|
$kendo-grid-stack-header-color: $kendo-grid-stack-header-color,
|
|
623
631
|
$kendo-grid-stack-focus-outline: $kendo-grid-stack-focus-outline,
|
|
624
|
-
$kendo-grid-stack-expandable-shadow: $kendo-grid-stack-expandable-shadow
|
|
632
|
+
$kendo-grid-stack-expandable-shadow: $kendo-grid-stack-expandable-shadow,
|
|
633
|
+
$kendo-grid-pinned-source-font-weight: $kendo-grid-pinned-source-font-weight,
|
|
634
|
+
$kendo-grid-sticky-container-shadow: $kendo-grid-sticky-container-shadow
|
|
625
635
|
);
|
|
@@ -35,6 +35,9 @@ $kendo-icon-spacing: k-spacing(1) !default;
|
|
|
35
35
|
/// The default icon padding.
|
|
36
36
|
/// @group icon
|
|
37
37
|
$kendo-icon-padding: k-spacing(1) !default;
|
|
38
|
+
/// The color of accent icons.
|
|
39
|
+
/// @group icon
|
|
40
|
+
$kendo-accent-icon-color: #8B7CF6 !default;
|
|
38
41
|
|
|
39
42
|
@forward "@progress/kendo-theme-core/scss/components/icons/_variables.scss" with (
|
|
40
43
|
$kendo-icon-default-size: $kendo-icon-default-size,
|
|
@@ -47,5 +50,6 @@ $kendo-icon-padding: k-spacing(1) !default;
|
|
|
47
50
|
$kendo-icon-size-xxl: $kendo-icon-size-xxl,
|
|
48
51
|
$kendo-icon-size-xxxl: $kendo-icon-size-xxxl,
|
|
49
52
|
$kendo-icon-spacing: $kendo-icon-spacing,
|
|
50
|
-
$kendo-icon-padding: $kendo-icon-padding
|
|
53
|
+
$kendo-icon-padding: $kendo-icon-padding,
|
|
54
|
+
$kendo-accent-icon-color: $kendo-accent-icon-color
|
|
51
55
|
);
|
package/scss/index.scss
CHANGED
|
@@ -105,6 +105,7 @@
|
|
|
105
105
|
@forward "./imageeditor/_index.scss";
|
|
106
106
|
@forward "./gantt/_index.scss";
|
|
107
107
|
@forward "./scheduler/_index.scss";
|
|
108
|
+
@forward "./file-box/_index.scss";
|
|
108
109
|
@forward "./chat/_index.scss";
|
|
109
110
|
@forward "./mediaplayer/_index.scss";
|
|
110
111
|
@forward "./timeline/_index.scss";
|
|
@@ -113,6 +114,8 @@
|
|
|
113
114
|
@forward "./scrollview/_index.scss";
|
|
114
115
|
@forward "./speech-to-text-button/_index.scss";
|
|
115
116
|
@forward "./prompt/_index.scss";
|
|
117
|
+
@forward "./segmented-control/_index.scss";
|
|
118
|
+
@forward "./prompt-box/_index.scss";
|
|
116
119
|
@forward "./dataviz/_index.scss";
|
|
117
120
|
@forward "./chart-wizard/_index.scss";
|
|
118
121
|
@forward "./map/_index.scss";
|
|
@@ -121,6 +124,7 @@
|
|
|
121
124
|
@forward "./otp/_index.scss";
|
|
122
125
|
@forward "./column-menu/_index.scss";
|
|
123
126
|
@forward "./marquee/_index.scss";
|
|
127
|
+
@forward "./smart-box/_index.scss";
|
|
124
128
|
|
|
125
129
|
|
|
126
130
|
// Use component modules
|
|
@@ -278,6 +282,7 @@
|
|
|
278
282
|
|
|
279
283
|
// Misc
|
|
280
284
|
@use "./adaptive/_index.scss" as *;
|
|
285
|
+
@use "./file-box/_index.scss" as *;
|
|
281
286
|
@use "./chat/_index.scss" as *;
|
|
282
287
|
@use "./mediaplayer/_index.scss" as *;
|
|
283
288
|
@use "./timeline/_index.scss" as *;
|
|
@@ -285,6 +290,9 @@
|
|
|
285
290
|
@use "./scroller/_index.scss" as *;
|
|
286
291
|
@use "./scrollview/_index.scss" as *;
|
|
287
292
|
@use "./prompt/_index.scss" as *;
|
|
293
|
+
@use "./segmented-control/_index.scss" as *;
|
|
294
|
+
@use "./smart-box/_index.scss" as *;
|
|
295
|
+
@use "./prompt-box/_index.scss" as *;
|
|
288
296
|
|
|
289
297
|
|
|
290
298
|
// Dataviz
|
|
@@ -454,6 +462,7 @@
|
|
|
454
462
|
|
|
455
463
|
// Misc
|
|
456
464
|
@include kendo-adaptive--styles();
|
|
465
|
+
@include kendo-file-box--styles();
|
|
457
466
|
@include kendo-chat--styles();
|
|
458
467
|
@include kendo-media-player--styles();
|
|
459
468
|
@include kendo-timeline--styles();
|
|
@@ -461,6 +470,9 @@
|
|
|
461
470
|
@include kendo-scroller--styles();
|
|
462
471
|
@include kendo-scrollview--styles();
|
|
463
472
|
@include kendo-prompt--styles();
|
|
473
|
+
@include kendo-segmented-control--styles();
|
|
474
|
+
@include kendo-smart-box--styles();
|
|
475
|
+
@include kendo-prompt-box--styles();
|
|
464
476
|
|
|
465
477
|
|
|
466
478
|
// Dataviz
|