@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.
Files changed (58) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/default-blue.css +1 -1
  3. package/dist/default-dataviz-v4.css +1 -1
  4. package/dist/default-green.css +1 -1
  5. package/dist/default-main-dark.css +1 -1
  6. package/dist/default-main.css +1 -1
  7. package/dist/default-nordic.css +1 -1
  8. package/dist/default-ocean-blue-a11y.css +1 -1
  9. package/dist/default-ocean-blue-a11y.scss +1 -2
  10. package/dist/default-ocean-blue.css +1 -1
  11. package/dist/default-orange.css +1 -1
  12. package/dist/default-purple.css +1 -1
  13. package/dist/default-turquoise.css +1 -1
  14. package/dist/default-urban.css +1 -1
  15. package/dist/meta/sassdoc-data.json +7212 -2774
  16. package/dist/meta/sassdoc-raw-data.json +3499 -1490
  17. package/dist/meta/variables.json +490 -135
  18. package/lib/swatches/default-blue.json +1 -1
  19. package/lib/swatches/default-dataviz-v4.json +1 -1
  20. package/lib/swatches/default-green.json +1 -1
  21. package/lib/swatches/default-main-dark.json +1 -1
  22. package/lib/swatches/default-main.json +1 -1
  23. package/lib/swatches/default-nordic.json +1 -1
  24. package/lib/swatches/default-ocean-blue-a11y.json +6 -11
  25. package/lib/swatches/default-ocean-blue.json +1 -1
  26. package/lib/swatches/default-orange.json +1 -1
  27. package/lib/swatches/default-purple.json +1 -1
  28. package/lib/swatches/default-turquoise.json +1 -1
  29. package/lib/swatches/default-urban.json +1 -1
  30. package/package.json +5 -5
  31. package/scss/bubble/_variables.scss +1 -1
  32. package/scss/chat/_index.scss +4 -0
  33. package/scss/chat/_variables.scss +33 -60
  34. package/scss/dropdowntree/_variables.scss +10 -1
  35. package/scss/file-box/_index.scss +16 -0
  36. package/scss/file-box/_layout.scss +6 -0
  37. package/scss/file-box/_theme.scss +6 -0
  38. package/scss/file-box/_variables.scss +73 -0
  39. package/scss/grid/_index.scss +2 -0
  40. package/scss/grid/_variables.scss +12 -2
  41. package/scss/icons/_variables.scss +5 -1
  42. package/scss/index.scss +12 -0
  43. package/scss/list/_variables.scss +56 -20
  44. package/scss/prompt-box/_index.scss +16 -0
  45. package/scss/prompt-box/_layout.scss +6 -0
  46. package/scss/prompt-box/_theme.scss +6 -0
  47. package/scss/prompt-box/_variables.scss +34 -0
  48. package/scss/segmented-control/_index.scss +16 -0
  49. package/scss/segmented-control/_layout.scss +6 -0
  50. package/scss/segmented-control/_theme.scss +6 -0
  51. package/scss/segmented-control/_variables.scss +143 -0
  52. package/scss/smart-box/_index.scss +25 -0
  53. package/scss/smart-box/_layout.scss +6 -0
  54. package/scss/smart-box/_theme.scss +6 -0
  55. package/scss/smart-box/_variables.scss +70 -0
  56. package/scss/suggestion/_variables.scss +14 -4
  57. package/scss/toolbar/_variables.scss +4 -0
  58. package/scss/treeview/_variables.scss +16 -3
@@ -3,7 +3,7 @@
3
3
  "name": "Default Blue",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Dataviz v4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ff6358",
9
9
  "#ffd246",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Green",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#151515",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Nordic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#50686e",
@@ -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.0",
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
  }
@@ -3,7 +3,7 @@
3
3
  "name": "Default Ocean Blue",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Orange",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Purple",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Turquoise",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Urban",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e3eef4",
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.0",
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.6.0",
56
- "@progress/kendo-theme-core": "13.0.0-dev.0",
57
- "@progress/kendo-theme-utils": "13.0.0-dev.0"
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": "38e27eadee8553fb04c4e46f57812022ff2e149b"
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;
@@ -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(4) !default;
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(4) !default;
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-lg, normal ) !default;
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(2) !default;
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: k-color(surface) !default;
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 minimum width of a file in the Chat Textarea.
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-file-name-line-height: var( --kendo-line-height-lg, normal ) !default;
176
- /// The font size of the Chat file size.
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-file-size-font-size: var( --kendo-font-size-xs, inherit ) !default;
179
- /// The line height of the Chat file size.
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-file-size-line-height: var( --kendo-line-height-xs, normal ) !default;
182
- /// The horizontal padding of the Chat file.
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-file-padding-x: k-spacing(1) !default;
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 border width of the Chat file.
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-file-border-style: solid !default;
186
+ $kendo-chat-failed-bubble-hover-bg: k-color(error-subtle-hover) !default;
198
187
 
199
- /// The background color of the Chat file.
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-file-border-radius: k-border-radius(md) !default;
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,6 @@
1
+ @use "@progress/kendo-theme-core/scss/components/file-box/_layout.scss" as *;
2
+
3
+
4
+ @mixin kendo-file-box--layout() {
5
+ @include kendo-file-box--layout-base();
6
+ }
@@ -0,0 +1,6 @@
1
+ @use "@progress/kendo-theme-core/scss/components/file-box/_theme.scss" as *;
2
+
3
+
4
+ @mixin kendo-file-box--theme() {
5
+ @include kendo-file-box--theme-base();
6
+ }
@@ -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
+ );
@@ -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: rgba( black, .3 ) !default;
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