@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.
Files changed (62) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/classic-green-dark.css +1 -1
  3. package/dist/classic-green.css +1 -1
  4. package/dist/classic-lavender-dark.css +1 -1
  5. package/dist/classic-lavender.css +1 -1
  6. package/dist/classic-main-dark.css +1 -1
  7. package/dist/classic-main.css +1 -1
  8. package/dist/classic-metro-dark.css +1 -1
  9. package/dist/classic-metro.css +1 -1
  10. package/dist/classic-moonlight.css +1 -1
  11. package/dist/classic-opal-dark.css +1 -1
  12. package/dist/classic-opal.css +1 -1
  13. package/dist/classic-silver-dark.css +1 -1
  14. package/dist/classic-silver.css +1 -1
  15. package/dist/classic-uniform.css +1 -1
  16. package/dist/meta/sassdoc-data.json +7178 -2740
  17. package/dist/meta/sassdoc-raw-data.json +3466 -1457
  18. package/dist/meta/variables.json +476 -121
  19. package/lib/swatches/classic-green-dark.json +1 -1
  20. package/lib/swatches/classic-green.json +1 -1
  21. package/lib/swatches/classic-lavender-dark.json +1 -1
  22. package/lib/swatches/classic-lavender.json +1 -1
  23. package/lib/swatches/classic-main-dark.json +1 -1
  24. package/lib/swatches/classic-main.json +1 -1
  25. package/lib/swatches/classic-metro-dark.json +1 -1
  26. package/lib/swatches/classic-metro.json +1 -1
  27. package/lib/swatches/classic-moonlight.json +1 -1
  28. package/lib/swatches/classic-opal-dark.json +1 -1
  29. package/lib/swatches/classic-opal.json +1 -1
  30. package/lib/swatches/classic-silver-dark.json +1 -1
  31. package/lib/swatches/classic-silver.json +1 -1
  32. package/lib/swatches/classic-uniform.json +1 -1
  33. package/package.json +5 -5
  34. package/scss/bubble/_variables.scss +1 -1
  35. package/scss/chat/_index.scss +2 -0
  36. package/scss/chat/_variables.scss +33 -60
  37. package/scss/core/motion/index.scss +1 -0
  38. package/scss/dropdowntree/_variables.scss +10 -1
  39. package/scss/file-box/_index.scss +16 -0
  40. package/scss/file-box/_layout.scss +6 -0
  41. package/scss/file-box/_theme.scss +6 -0
  42. package/scss/file-box/_variables.scss +73 -0
  43. package/scss/grid/_index.scss +2 -0
  44. package/scss/grid/_variables.scss +11 -1
  45. package/scss/icons/_variables.scss +5 -1
  46. package/scss/index.scss +12 -0
  47. package/scss/list/_variables.scss +55 -20
  48. package/scss/prompt-box/_index.scss +16 -0
  49. package/scss/prompt-box/_layout.scss +6 -0
  50. package/scss/prompt-box/_theme.scss +6 -0
  51. package/scss/prompt-box/_variables.scss +34 -0
  52. package/scss/segmented-control/_index.scss +16 -0
  53. package/scss/segmented-control/_layout.scss +6 -0
  54. package/scss/segmented-control/_theme.scss +6 -0
  55. package/scss/segmented-control/_variables.scss +142 -0
  56. package/scss/smart-box/_index.scss +24 -0
  57. package/scss/smart-box/_layout.scss +6 -0
  58. package/scss/smart-box/_theme.scss +6 -0
  59. package/scss/smart-box/_variables.scss +71 -0
  60. package/scss/suggestion/_variables.scss +14 -4
  61. package/scss/toolbar/_variables.scss +4 -0
  62. package/scss/treeview/_variables.scss +16 -3
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Green Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#131413",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Green",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f3f4f3",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Lavender Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#1b141a",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Lavender",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#fafafa",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#101010",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f0f0f0",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Metro Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#0e0e0e",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Metro",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f9f9f9",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Moonlight",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#1f2a35",
9
9
  "#303742",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Opal Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#272727",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Opal",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#def4fd",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Silver Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#131314",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Silver",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f3f3f4",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Uniform",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "13.0.0-dev.0",
6
+ "version": "13.0.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f0f0f0",
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.0",
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.6.0",
57
- "@progress/kendo-theme-core": "13.0.0-dev.0",
58
- "@progress/kendo-theme-utils": "13.0.0-dev.0"
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": "38e27eadee8553fb04c4e46f57812022ff2e149b"
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;
@@ -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(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,6 +9,7 @@ $default-easings: (
9
9
  sharp: cubic-bezier(0.75, 0, 0.25, 1),
10
10
  bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55),
11
11
  elastic: cubic-bezier(0.5, -0.5, 0.5, 1.5),
12
+ stretchy: cubic-bezier(.07, 1.81, .3, .81)
12
13
  ) !default;
13
14
 
14
15
  $default-durations: (
@@ -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,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();
@@ -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