@progress/kendo-theme-default 14.5.1-dev.2 → 14.5.1-dev.4

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 (33) 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.css +1 -1
  10. package/dist/default-orange.css +1 -1
  11. package/dist/default-purple.css +1 -1
  12. package/dist/default-turquoise.css +1 -1
  13. package/dist/default-urban.css +1 -1
  14. package/dist/meta/sassdoc-data.json +3113 -1309
  15. package/dist/meta/sassdoc-raw-data.json +1519 -713
  16. package/dist/meta/variables.json +188 -16
  17. package/lib/swatches/default-blue.json +1 -1
  18. package/lib/swatches/default-dataviz-v4.json +1 -1
  19. package/lib/swatches/default-green.json +1 -1
  20. package/lib/swatches/default-main-dark.json +1 -1
  21. package/lib/swatches/default-main.json +1 -1
  22. package/lib/swatches/default-nordic.json +1 -1
  23. package/lib/swatches/default-ocean-blue-a11y.json +1 -1
  24. package/lib/swatches/default-ocean-blue.json +1 -1
  25. package/lib/swatches/default-orange.json +1 -1
  26. package/lib/swatches/default-purple.json +1 -1
  27. package/lib/swatches/default-turquoise.json +1 -1
  28. package/lib/swatches/default-urban.json +1 -1
  29. package/package.json +4 -4
  30. package/scss/dock-manager/_variables.scss +2 -2
  31. package/scss/menu/_variables.scss +140 -10
  32. package/scss/scheduler/_variables.scss +7 -3
  33. package/scss/segmented-control/_variables.scss +5 -0
package/scss/menu/_variables.scss CHANGED
@@ -6,6 +6,11 @@
6
6
 
7
7
  // Menu
8
8
 
9
+ /// The default size of the Menu.
10
+ /// @group menu
11
+ /// @role default
12
+ $kendo-menu-default-size: "md" !default;
13
+
9
14
  /// The default size of the Menu group.
10
15
  /// @group menu
11
16
  /// @role default
@@ -25,6 +30,20 @@ $kendo-menu-font-size: var(--kendo-font-size) !default;
25
30
  /// @group menu
26
31
  $kendo-menu-line-height: var(--kendo-line-height) !default;
27
32
 
33
+ /// The font size of the small Menu.
34
+ /// @group menu
35
+ $kendo-menu-sm-font-size: var(--kendo-font-size) !default;
36
+ /// The font size of the large Menu.
37
+ /// @group menu
38
+ $kendo-menu-lg-font-size: var(--kendo-font-size-lg) !default;
39
+
40
+ /// The line height of the small Menu.
41
+ /// @group menu
42
+ $kendo-menu-sm-line-height: var(--kendo-line-height) !default;
43
+ /// The line height of the large Menu.
44
+ /// @group menu
45
+ $kendo-menu-lg-line-height: var(--kendo-line-height-lg) !default;
46
+
28
47
  /// The background color of the Menu.
29
48
  /// @group menu
30
49
  $kendo-menu-bg: transparent !default;
@@ -51,7 +70,34 @@ $kendo-menu-item-padding-y: k-spacing(1.5) !default;
51
70
  $kendo-menu-item-spacing: k-spacing(0) !default;
52
71
  /// The spacing between the Menu item text and icons.
53
72
  /// @group menu
54
- $kendo-menu-item-icon-spacing: $kendo-icon-spacing !default;
73
+ $kendo-menu-item-icon-spacing: k-spacing(2) !default;
74
+ /// The border radius of the Menu item.
75
+ /// @group menu
76
+ $kendo-menu-item-border-radius: k-border-radius(md) !default;
77
+
78
+ /// The font size of the Menu item description.
79
+ /// @group menu
80
+ $kendo-menu-item-description-font-size: $kendo-list-item-description-font-size !default;
81
+ /// The line height of the Menu item description.
82
+ /// @group menu
83
+ $kendo-menu-item-description-line-height: $kendo-list-item-description-line-height !default;
84
+ /// The text color of the Menu item description.
85
+ /// @group menu
86
+ $kendo-menu-item-description-text: $kendo-list-item-description-text !default;
87
+
88
+ /// The horizontal padding of the small Menu item.
89
+ /// @group menu
90
+ $kendo-menu-sm-item-padding-x: k-spacing(3) !default;
91
+ /// The horizontal padding of the large Menu item.
92
+ /// @group menu
93
+ $kendo-menu-lg-item-padding-x: k-spacing(3) !default;
94
+
95
+ /// The vertical padding of the small Menu item.
96
+ /// @group menu
97
+ $kendo-menu-sm-item-padding-y: k-spacing(1) !default;
98
+ /// The vertical padding of the large Menu item.
99
+ /// @group menu
100
+ $kendo-menu-lg-item-padding-y: k-spacing(2) !default;
55
101
 
56
102
  /// The font weight of the selected Menu item.
57
103
  /// @group menu
@@ -167,16 +213,20 @@ $kendo-menu-separator-border: k-color(border) !default;
167
213
 
168
214
  /// The horizontal padding of the Menu popup.
169
215
  /// @group menu
170
- $kendo-menu-popup-padding-x: null !default;
216
+ $kendo-menu-popup-padding-x: $kendo-list-container-padding-inline !default;
171
217
 
172
218
  /// The vertical padding of the Menu popup.
173
219
  /// @group menu
174
- $kendo-menu-popup-padding-y: null !default;
220
+ $kendo-menu-popup-padding-y: $kendo-list-container-padding-block !default;
175
221
 
176
222
  /// The width of the border around the Menu popup.
177
223
  /// @group menu
178
224
  $kendo-menu-popup-border-width: $kendo-popup-border-width !default;
179
225
 
226
+ /// The border radius of the Menu popup.
227
+ /// @group menu
228
+ $kendo-menu-popup-border-radius: k-border-radius(xxl) !default;
229
+
180
230
  /// The font size of the small Menu popup.
181
231
  /// @group menu
182
232
  $kendo-menu-popup-sm-font-size: var(--kendo-font-size) !default;
@@ -215,23 +265,23 @@ $kendo-menu-popup-gradient: null !default;
215
265
 
216
266
  /// The horizontal padding of the small Menu popup item.
217
267
  /// @group menu
218
- $kendo-menu-popup-sm-item-padding-x: k-spacing(2) !default;
268
+ $kendo-menu-popup-sm-item-padding-x: $kendo-list-sm-item-padding-x !default;
219
269
  /// The horizontal padding of the medium Menu popup item.
220
270
  /// @group menu
221
- $kendo-menu-popup-md-item-padding-x: k-spacing(2) !default;
271
+ $kendo-menu-popup-md-item-padding-x: $kendo-list-md-item-padding-x !default;
222
272
  /// The horizontal padding of the large Menu popup item.
223
273
  /// @group menu
224
- $kendo-menu-popup-lg-item-padding-x: k-spacing(2) !default;
274
+ $kendo-menu-popup-lg-item-padding-x: $kendo-list-lg-item-padding-x !default;
225
275
 
226
276
  /// The vertical padding of the small Menu popup item.
227
277
  /// @group menu
228
- $kendo-menu-popup-sm-item-padding-y: k-spacing(0.5) !default;
278
+ $kendo-menu-popup-sm-item-padding-y: $kendo-list-sm-item-padding-y !default;
229
279
  /// The vertical padding of the medium Menu popup item.
230
280
  /// @group menu
231
- $kendo-menu-popup-md-item-padding-y: k-spacing(1) !default;
281
+ $kendo-menu-popup-md-item-padding-y: $kendo-list-md-item-padding-y !default;
232
282
  /// The vertical padding of the large Menu popup item.
233
283
  /// @group menu
234
- $kendo-menu-popup-lg-item-padding-y: k-spacing(1.5) !default;
284
+ $kendo-menu-popup-lg-item-padding-y: $kendo-list-lg-item-padding-y !default;
235
285
 
236
286
  /// The end padding of the small Menu popup item.
237
287
  /// @group menu
@@ -265,7 +315,58 @@ $kendo-menu-popup-lg-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-lg-it
265
315
 
266
316
  /// The spacing between the Menu items in popup.
267
317
  /// @group menu
268
- $kendo-menu-popup-item-spacing: k-spacing(0) !default;
318
+ $kendo-menu-popup-item-spacing: k-spacing(0.5) !default;
319
+
320
+ /// The horizontal padding of the small Menu popup group header.
321
+ /// @group menu
322
+ $kendo-menu-popup-sm-group-header-padding-x: $kendo-list-sm-group-item-padding-x !default;
323
+ /// The horizontal padding of the medium Menu popup group header.
324
+ /// @group menu
325
+ $kendo-menu-popup-md-group-header-padding-x: $kendo-list-md-group-item-padding-x !default;
326
+ /// The horizontal padding of the large Menu popup group header.
327
+ /// @group menu
328
+ $kendo-menu-popup-lg-group-header-padding-x: $kendo-list-lg-group-item-padding-x !default;
329
+
330
+ /// The vertical padding of the small Menu popup group header.
331
+ /// @group menu
332
+ $kendo-menu-popup-sm-group-header-padding-y: $kendo-list-sm-group-item-padding-y !default;
333
+ /// The vertical padding of the medium Menu popup group header.
334
+ /// @group menu
335
+ $kendo-menu-popup-md-group-header-padding-y: $kendo-list-md-group-item-padding-y !default;
336
+ /// The vertical padding of the large Menu popup group header.
337
+ /// @group menu
338
+ $kendo-menu-popup-lg-group-header-padding-y: $kendo-list-lg-group-item-padding-y !default;
339
+
340
+ /// The font size of the small Menu popup group header.
341
+ /// @group menu
342
+ $kendo-menu-popup-sm-group-header-font-size: $kendo-list-item-group-label-sm-font-size !default;
343
+ /// The font size of the medium Menu popup group header.
344
+ /// @group menu
345
+ $kendo-menu-popup-md-group-header-font-size: $kendo-list-item-group-label-md-font-size !default;
346
+ /// The font size of the large Menu popup group header.
347
+ /// @group menu
348
+ $kendo-menu-popup-lg-group-header-font-size: $kendo-list-item-group-label-lg-font-size !default;
349
+
350
+ /// The line height of the small Menu popup group header.
351
+ /// @group menu
352
+ $kendo-menu-popup-sm-group-header-line-height: $kendo-menu-popup-sm-line-height !default;
353
+ /// The line height of the medium Menu popup group header.
354
+ /// @group menu
355
+ $kendo-menu-popup-md-group-header-line-height: $kendo-menu-popup-md-line-height !default;
356
+ /// The line height of the large Menu popup group header.
357
+ /// @group menu
358
+ $kendo-menu-popup-lg-group-header-line-height: $kendo-menu-popup-lg-line-height !default;
359
+
360
+ /// The font weight of the Menu popup group header.
361
+ /// @group menu
362
+ $kendo-menu-popup-group-header-font-weight: $kendo-list-group-item-font-weight !default;
363
+
364
+ /// The background color of the Menu popup group header.
365
+ /// @group menu
366
+ $kendo-menu-popup-group-header-bg: $kendo-list-group-item-bg !default;
367
+ /// The text color of the Menu popup group header.
368
+ /// @group menu
369
+ $kendo-menu-popup-group-header-text: $kendo-list-group-item-text !default;
269
370
 
270
371
  /// The background color of the Menu item in popup.
271
372
  /// @group menu
@@ -311,19 +412,32 @@ $kendo-menu-popup-item-active-gradient: null !default;
311
412
  $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
312
413
 
313
414
  @forward "@progress/kendo-theme-core/scss/components/menu/_variables.scss" with (
415
+ $kendo-menu-default-size: $kendo-menu-default-size,
314
416
  $kendo-menu-group-default-size: $kendo-menu-group-default-size,
315
417
  $kendo-menu-border-width: $kendo-menu-border-width,
316
418
  $kendo-menu-font-family: $kendo-menu-font-family,
317
419
  $kendo-menu-font-size: $kendo-menu-font-size,
318
420
  $kendo-menu-line-height: $kendo-menu-line-height,
421
+ $kendo-menu-sm-font-size: $kendo-menu-sm-font-size,
422
+ $kendo-menu-lg-font-size: $kendo-menu-lg-font-size,
423
+ $kendo-menu-sm-line-height: $kendo-menu-sm-line-height,
424
+ $kendo-menu-lg-line-height: $kendo-menu-lg-line-height,
319
425
  $kendo-menu-bg: $kendo-menu-bg,
320
426
  $kendo-menu-text: $kendo-menu-text,
321
427
  $kendo-menu-border: $kendo-menu-border,
322
428
  $kendo-menu-gradient: $kendo-menu-gradient,
323
429
  $kendo-menu-item-padding-x: $kendo-menu-item-padding-x,
324
430
  $kendo-menu-item-padding-y: $kendo-menu-item-padding-y,
431
+ $kendo-menu-sm-item-padding-x: $kendo-menu-sm-item-padding-x,
432
+ $kendo-menu-lg-item-padding-x: $kendo-menu-lg-item-padding-x,
433
+ $kendo-menu-sm-item-padding-y: $kendo-menu-sm-item-padding-y,
434
+ $kendo-menu-lg-item-padding-y: $kendo-menu-lg-item-padding-y,
325
435
  $kendo-menu-item-spacing: $kendo-menu-item-spacing,
326
436
  $kendo-menu-item-icon-spacing: $kendo-menu-item-icon-spacing,
437
+ $kendo-menu-item-border-radius: $kendo-menu-item-border-radius,
438
+ $kendo-menu-item-description-font-size: $kendo-menu-item-description-font-size,
439
+ $kendo-menu-item-description-line-height: $kendo-menu-item-description-line-height,
440
+ $kendo-menu-item-description-text: $kendo-menu-item-description-text,
327
441
  $kendo-menu-item-selected-font-weight: $kendo-menu-item-selected-font-weight,
328
442
  $kendo-menu-item-bg: $kendo-menu-item-bg,
329
443
  $kendo-menu-item-text: $kendo-menu-item-text,
@@ -359,6 +473,7 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
359
473
  $kendo-menu-popup-padding-x: $kendo-menu-popup-padding-x,
360
474
  $kendo-menu-popup-padding-y: $kendo-menu-popup-padding-y,
361
475
  $kendo-menu-popup-border-width: $kendo-menu-popup-border-width,
476
+ $kendo-menu-popup-border-radius: $kendo-menu-popup-border-radius,
362
477
  $kendo-menu-popup-sm-font-size: $kendo-menu-popup-sm-font-size,
363
478
  $kendo-menu-popup-md-font-size: $kendo-menu-popup-md-font-size,
364
479
  $kendo-menu-popup-lg-font-size: $kendo-menu-popup-lg-font-size,
@@ -385,6 +500,21 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
385
500
  $kendo-menu-popup-md-item-icon-margin-end: $kendo-menu-popup-md-item-icon-margin-end,
386
501
  $kendo-menu-popup-lg-item-icon-margin-end: $kendo-menu-popup-lg-item-icon-margin-end,
387
502
  $kendo-menu-popup-item-spacing: $kendo-menu-popup-item-spacing,
503
+ $kendo-menu-popup-sm-group-header-padding-x: $kendo-menu-popup-sm-group-header-padding-x,
504
+ $kendo-menu-popup-md-group-header-padding-x: $kendo-menu-popup-md-group-header-padding-x,
505
+ $kendo-menu-popup-lg-group-header-padding-x: $kendo-menu-popup-lg-group-header-padding-x,
506
+ $kendo-menu-popup-sm-group-header-padding-y: $kendo-menu-popup-sm-group-header-padding-y,
507
+ $kendo-menu-popup-md-group-header-padding-y: $kendo-menu-popup-md-group-header-padding-y,
508
+ $kendo-menu-popup-lg-group-header-padding-y: $kendo-menu-popup-lg-group-header-padding-y,
509
+ $kendo-menu-popup-sm-group-header-font-size: $kendo-menu-popup-sm-group-header-font-size,
510
+ $kendo-menu-popup-md-group-header-font-size: $kendo-menu-popup-md-group-header-font-size,
511
+ $kendo-menu-popup-lg-group-header-font-size: $kendo-menu-popup-lg-group-header-font-size,
512
+ $kendo-menu-popup-sm-group-header-line-height: $kendo-menu-popup-sm-group-header-line-height,
513
+ $kendo-menu-popup-md-group-header-line-height: $kendo-menu-popup-md-group-header-line-height,
514
+ $kendo-menu-popup-lg-group-header-line-height: $kendo-menu-popup-lg-group-header-line-height,
515
+ $kendo-menu-popup-group-header-font-weight: $kendo-menu-popup-group-header-font-weight,
516
+ $kendo-menu-popup-group-header-bg: $kendo-menu-popup-group-header-bg,
517
+ $kendo-menu-popup-group-header-text: $kendo-menu-popup-group-header-text,
388
518
  $kendo-menu-popup-item-bg: $kendo-menu-popup-item-bg,
389
519
  $kendo-menu-popup-item-text: $kendo-menu-popup-item-text,
390
520
  $kendo-menu-popup-item-border: $kendo-menu-popup-item-border,
package/scss/scheduler/_variables.scss CHANGED
@@ -157,16 +157,19 @@ $kendo-scheduler-event-ongoing-shadow: inset 0px 0px 0px 1px #ff0000 !default;
157
157
  $kendo-scheduler-resizer-size: 0.5em !default;
158
158
  /// The length of the Scheduler resize handle visual indicator.
159
159
  /// @group scheduler
160
- $kendo-scheduler-resize-handle-size: 8px !default;
160
+ $kendo-scheduler-resize-handle-size: 12px !default;
161
+ /// The thickness of the Scheduler resize handle visual indicator.
162
+ /// @group scheduler
163
+ $kendo-scheduler-resize-handle-thickness: 1px !default;
161
164
  /// The border radius of the Scheduler resize handle.
162
165
  /// @group scheduler
163
166
  $kendo-scheduler-resize-handle-border-radius: k-border-radius(full) !default;
164
167
  /// The border width of the Scheduler resize handle.
165
168
  /// @group scheduler
166
- $kendo-scheduler-resize-handle-border-width: 2px !default;
169
+ $kendo-scheduler-resize-handle-border-width: 0 !default;
167
170
  /// The background color of the Scheduler resize handle.
168
171
  /// @group scheduler
169
- $kendo-scheduler-resize-handle-bg: $kendo-scheduler-event-bg !default;
172
+ $kendo-scheduler-resize-handle-bg: k-color(primary-subtle) !default;
170
173
 
171
174
  /// The horizontal padding of the Scheduler cell.
172
175
  /// @group scheduler
@@ -346,6 +349,7 @@ $kendo-scheduler-recurrence-fields-row-gap: k-spacing(2) !default;
346
349
  $kendo-scheduler-event-ongoing-shadow: $kendo-scheduler-event-ongoing-shadow,
347
350
  $kendo-scheduler-resizer-size: $kendo-scheduler-resizer-size,
348
351
  $kendo-scheduler-resize-handle-size: $kendo-scheduler-resize-handle-size,
352
+ $kendo-scheduler-resize-handle-thickness: $kendo-scheduler-resize-handle-thickness,
349
353
  $kendo-scheduler-resize-handle-border-radius: $kendo-scheduler-resize-handle-border-radius,
350
354
  $kendo-scheduler-resize-handle-border-width: $kendo-scheduler-resize-handle-border-width,
351
355
  $kendo-scheduler-resize-handle-bg: $kendo-scheduler-resize-handle-bg,
package/scss/segmented-control/_variables.scss CHANGED
@@ -8,6 +8,10 @@
8
8
  /// @group segmented-control
9
9
  /// @role default
10
10
  $kendo-segmented-control-default-size: "md" !default;
11
+ /// The default roundness of the Segmented Control.
12
+ /// @group segmented-control
13
+ /// @role default
14
+ $kendo-segmented-control-default-roundness: "full" !default;
11
15
 
12
16
  /// The horizontal padding of the Segmented Control.
13
17
  /// @group segmented-control
@@ -111,6 +115,7 @@ $kendo-segmented-control-button-focus-indicator: inset 0 0 0 2px color-mix(in sr
111
115
 
112
116
  @forward "@progress/kendo-theme-core/scss/components/segmented-control/_variables.scss" with (
113
117
  $kendo-segmented-control-default-size: $kendo-segmented-control-default-size,
118
+ $kendo-segmented-control-default-roundness: $kendo-segmented-control-default-roundness,
114
119
  $kendo-segmented-control-padding-x: $kendo-segmented-control-padding-x,
115
120
  $kendo-segmented-control-padding-y: $kendo-segmented-control-padding-y,
116
121
  $kendo-segmented-control-border-radius: $kendo-segmented-control-border-radius,