@progress/kendo-theme-default 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/default-blue.css +1 -1
- package/dist/default-dataviz-v4.css +1 -1
- package/dist/default-green.css +1 -1
- package/dist/default-main-dark.css +1 -1
- package/dist/default-main.css +1 -1
- package/dist/default-nordic.css +1 -1
- package/dist/default-ocean-blue-a11y.css +1 -1
- package/dist/default-ocean-blue-a11y.scss +1 -2
- package/dist/default-ocean-blue.css +1 -1
- package/dist/default-orange.css +1 -1
- package/dist/default-purple.css +1 -1
- package/dist/default-turquoise.css +1 -1
- package/dist/default-urban.css +1 -1
- package/dist/meta/sassdoc-data.json +7212 -2774
- package/dist/meta/sassdoc-raw-data.json +3499 -1490
- package/dist/meta/variables.json +490 -135
- package/lib/swatches/default-blue.json +1 -1
- package/lib/swatches/default-dataviz-v4.json +1 -1
- package/lib/swatches/default-green.json +1 -1
- package/lib/swatches/default-main-dark.json +1 -1
- package/lib/swatches/default-main.json +1 -1
- package/lib/swatches/default-nordic.json +1 -1
- package/lib/swatches/default-ocean-blue-a11y.json +6 -11
- package/lib/swatches/default-ocean-blue.json +1 -1
- package/lib/swatches/default-orange.json +1 -1
- package/lib/swatches/default-purple.json +1 -1
- package/lib/swatches/default-turquoise.json +1 -1
- package/lib/swatches/default-urban.json +1 -1
- package/package.json +5 -5
- package/scss/bubble/_variables.scss +1 -1
- package/scss/chat/_index.scss +4 -0
- package/scss/chat/_variables.scss +33 -60
- 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 +12 -2
- package/scss/icons/_variables.scss +5 -1
- package/scss/index.scss +12 -0
- package/scss/list/_variables.scss +56 -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 +143 -0
- package/scss/smart-box/_index.scss +25 -0
- package/scss/smart-box/_layout.scss +6 -0
- package/scss/smart-box/_theme.scss +6 -0
- package/scss/smart-box/_variables.scss +70 -0
- package/scss/suggestion/_variables.scss +14 -4
- package/scss/toolbar/_variables.scss +4 -0
- package/scss/treeview/_variables.scss +16 -3
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"name": "Default Ocean Blue A11Y",
|
|
4
4
|
"product": "kendo",
|
|
5
5
|
"base": "@progress/kendo-theme-default",
|
|
6
|
-
"version": "13.0.0-dev.
|
|
6
|
+
"version": "13.0.0-dev.2",
|
|
7
7
|
"previewColors": [
|
|
8
8
|
"#ffffff",
|
|
9
9
|
"#f5f5f5",
|
|
@@ -727,16 +727,6 @@
|
|
|
727
727
|
"type": "color",
|
|
728
728
|
"value": "#424242"
|
|
729
729
|
},
|
|
730
|
-
"kendo-chat-file-bg": {
|
|
731
|
-
"name": "The background color of the Chat file",
|
|
732
|
-
"type": "color",
|
|
733
|
-
"value": "transparent"
|
|
734
|
-
},
|
|
735
|
-
"kendo-chat-file-border": {
|
|
736
|
-
"name": "The border color of the Chat file",
|
|
737
|
-
"type": "color",
|
|
738
|
-
"value": "#424242"
|
|
739
|
-
},
|
|
740
730
|
"kendo-chat-sender-file-bg": {
|
|
741
731
|
"name": "The background color of the Chat sender file",
|
|
742
732
|
"type": "color",
|
|
@@ -746,6 +736,11 @@
|
|
|
746
736
|
"name": "The border color of the Chat sender file",
|
|
747
737
|
"type": "color",
|
|
748
738
|
"value": "#fff"
|
|
739
|
+
},
|
|
740
|
+
"kendo-chat-failed-bubble-selected-bg": {
|
|
741
|
+
"name": "The background color of the Chat failed message selected state",
|
|
742
|
+
"type": "color",
|
|
743
|
+
"value": "rgba(234, 140, 145, 0.7)"
|
|
749
744
|
}
|
|
750
745
|
}
|
|
751
746
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-default",
|
|
3
3
|
"description": "SASS resources for the default 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": [
|
|
@@ -52,13 +52,13 @@
|
|
|
52
52
|
"postpublish": "echo 'no postpublish for default theme'"
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
|
-
"@progress/kendo-svg-icons": "^4.
|
|
56
|
-
"@progress/kendo-theme-core": "13.0.0-dev.
|
|
57
|
-
"@progress/kendo-theme-utils": "13.0.0-dev.
|
|
55
|
+
"@progress/kendo-svg-icons": "^4.8.0",
|
|
56
|
+
"@progress/kendo-theme-core": "13.0.0-dev.2",
|
|
57
|
+
"@progress/kendo-theme-utils": "13.0.0-dev.2"
|
|
58
58
|
},
|
|
59
59
|
"directories": {
|
|
60
60
|
"doc": "docs",
|
|
61
61
|
"lib": "lib"
|
|
62
62
|
},
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "fbb2123e3f2c61d5b960c897b969af8cba3549ae"
|
|
64
64
|
}
|
|
@@ -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,8 @@
|
|
|
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 "../file-box/_index.scss" as *;
|
|
16
|
+
@use "../prompt-box/_index.scss" as *;
|
|
15
17
|
|
|
16
18
|
// Component
|
|
17
19
|
@forward "./_variables.scss";
|
|
@@ -33,7 +35,9 @@
|
|
|
33
35
|
@include kendo-upload--styles();
|
|
34
36
|
@include kendo-dropzone--styles();
|
|
35
37
|
@include kendo-avatar--styles();
|
|
38
|
+
@include kendo-prompt-box--styles();
|
|
36
39
|
@include kendo-speech-to-text-button--styles();
|
|
40
|
+
@include kendo-file-box--styles();
|
|
37
41
|
@include kendo-chat--layout();
|
|
38
42
|
@include kendo-chat--theme();
|
|
39
43
|
}
|
|
@@ -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,7 +9,16 @@ $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
|
@forward "@progress/kendo-theme-core/scss/components/dropdowntree/_variables.scss" with (
|
|
13
20
|
$kendo-dropdowntree-popup-padding-x: $kendo-dropdowntree-popup-padding-x,
|
|
14
|
-
$kendo-dropdowntree-popup-padding-y: $kendo-dropdowntree-popup-padding-y
|
|
21
|
+
$kendo-dropdowntree-popup-padding-y: $kendo-dropdowntree-popup-padding-y,
|
|
22
|
+
$kendo-dropdowntree-check-all-padding-x: $kendo-dropdowntree-check-all-padding-x,
|
|
23
|
+
$kendo-dropdowntree-check-all-padding-y: $kendo-dropdowntree-check-all-padding-y
|
|
15
24
|
);
|
|
@@ -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();
|
|
@@ -327,7 +327,7 @@ $kendo-grid-sticky-alt-bg: k-color(base) !default;
|
|
|
327
327
|
|
|
328
328
|
/// The border color of the sticky content in the Grid.
|
|
329
329
|
/// @group grid
|
|
330
|
-
$kendo-grid-sticky-border:
|
|
330
|
+
$kendo-grid-sticky-border: color-mix(in srgb, k-color(on-app-surface) 30%, transparent) !default;
|
|
331
331
|
|
|
332
332
|
/// The background color of the sticky header in the Grid.
|
|
333
333
|
/// @group grid
|
|
@@ -343,6 +343,10 @@ $kendo-grid-sticky-header-border: $kendo-grid-sticky-border !default;
|
|
|
343
343
|
/// @group grid
|
|
344
344
|
$kendo-grid-sticky-footer-bg: $kendo-grid-header-bg !default;
|
|
345
345
|
|
|
346
|
+
/// The box shadow of the sticky container in the Grid.
|
|
347
|
+
/// @group grid
|
|
348
|
+
$kendo-grid-sticky-container-shadow: k-elevation(3) !default;
|
|
349
|
+
|
|
346
350
|
|
|
347
351
|
/// The width of the Grid column menu.
|
|
348
352
|
/// @group grid
|
|
@@ -484,6 +488,10 @@ $kendo-grid-stack-focus-outline: color-mix(in srgb, k-color(on-app-surface) 12%,
|
|
|
484
488
|
/// @group grid
|
|
485
489
|
$kendo-grid-stack-expandable-shadow: k-elevation(2) !default;
|
|
486
490
|
|
|
491
|
+
/// The font weight of the pinned source row in the Grid.
|
|
492
|
+
/// @group grid
|
|
493
|
+
$kendo-grid-pinned-source-font-weight: var( --kendo-font-weight-bold, 700 ) !default;
|
|
494
|
+
|
|
487
495
|
@forward "@progress/kendo-theme-core/scss/components/grid/_variables.scss" with (
|
|
488
496
|
$kendo-grid-default-size: $kendo-grid-default-size,
|
|
489
497
|
$kendo-grid-border-width: $kendo-grid-border-width,
|
|
@@ -623,5 +631,7 @@ $kendo-grid-stack-expandable-shadow: k-elevation(2) !default;
|
|
|
623
631
|
$kendo-grid-stack-expandable-shadow-height: $kendo-grid-stack-expandable-shadow-height,
|
|
624
632
|
$kendo-grid-stack-header-color: $kendo-grid-stack-header-color,
|
|
625
633
|
$kendo-grid-stack-focus-outline: $kendo-grid-stack-focus-outline,
|
|
626
|
-
$kendo-grid-stack-expandable-shadow: $kendo-grid-stack-expandable-shadow
|
|
634
|
+
$kendo-grid-stack-expandable-shadow: $kendo-grid-stack-expandable-shadow,
|
|
635
|
+
$kendo-grid-pinned-source-font-weight: $kendo-grid-pinned-source-font-weight,
|
|
636
|
+
$kendo-grid-sticky-container-shadow: $kendo-grid-sticky-container-shadow
|
|
627
637
|
);
|
|
@@ -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
|
|
@@ -280,6 +284,7 @@
|
|
|
280
284
|
|
|
281
285
|
// Misc
|
|
282
286
|
@use "./adaptive/_index.scss" as *;
|
|
287
|
+
@use "./file-box/_index.scss" as *;
|
|
283
288
|
@use "./chat/_index.scss" as *;
|
|
284
289
|
@use "./mediaplayer/_index.scss" as *;
|
|
285
290
|
@use "./timeline/_index.scss" as *;
|
|
@@ -287,6 +292,9 @@
|
|
|
287
292
|
@use "./scroller/_index.scss" as *;
|
|
288
293
|
@use "./scrollview/_index.scss" as *;
|
|
289
294
|
@use "./prompt/_index.scss" as *;
|
|
295
|
+
@use "./segmented-control/_index.scss" as *;
|
|
296
|
+
@use "./smart-box/_index.scss" as *;
|
|
297
|
+
@use "./prompt-box/_index.scss" as *;
|
|
290
298
|
|
|
291
299
|
|
|
292
300
|
// Dataviz
|
|
@@ -456,6 +464,7 @@
|
|
|
456
464
|
|
|
457
465
|
// Misc
|
|
458
466
|
@include kendo-adaptive--styles();
|
|
467
|
+
@include kendo-file-box--styles();
|
|
459
468
|
@include kendo-chat--styles();
|
|
460
469
|
@include kendo-media-player--styles();
|
|
461
470
|
@include kendo-timeline--styles();
|
|
@@ -463,6 +472,9 @@
|
|
|
463
472
|
@include kendo-scroller--styles();
|
|
464
473
|
@include kendo-scrollview--styles();
|
|
465
474
|
@include kendo-prompt--styles();
|
|
475
|
+
@include kendo-segmented-control--styles();
|
|
476
|
+
@include kendo-smart-box--styles();
|
|
477
|
+
@include kendo-prompt-box--styles();
|
|
466
478
|
|
|
467
479
|
|
|
468
480
|
// Dataviz
|