@progress/kendo-theme-classic 13.2.0-dev.3 → 14.0.0-dev.0

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 (75) 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 +13100 -10690
  17. package/dist/meta/sassdoc-raw-data.json +6270 -5114
  18. package/dist/meta/variables.json +292 -143
  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 +4 -4
  34. package/scss/action-sheet/_variables.scss +8 -0
  35. package/scss/appbar/_variables.scss +5 -19
  36. package/scss/button/_variables.scss +5 -0
  37. package/scss/card/_variables.scss +0 -6
  38. package/scss/chart-wizard/_variables.scss +17 -0
  39. package/scss/chat/_variables.scss +4 -0
  40. package/scss/column-menu/_variables.scss +11 -1
  41. package/scss/core/color-system/_swatch.scss +0 -56
  42. package/scss/dataviz/_variables.scss +8 -0
  43. package/scss/dialog/_variables.scss +0 -6
  44. package/scss/dock-manager/_variables.scss +4 -0
  45. package/scss/dropzone/_variables.scss +4 -0
  46. package/scss/editor/_variables.scss +4 -0
  47. package/scss/expansion-panel/_variables.scss +12 -0
  48. package/scss/file-box/_variables.scss +9 -0
  49. package/scss/filemanager/_variables.scss +4 -0
  50. package/scss/filter/_variables.scss +5 -0
  51. package/scss/forms/_variables.scss +21 -0
  52. package/scss/gantt/_variables.scss +4 -0
  53. package/scss/grid/_variables.scss +17 -0
  54. package/scss/imageeditor/_variables.scss +4 -0
  55. package/scss/listbox/_variables.scss +14 -1
  56. package/scss/listview/_variables.scss +5 -1
  57. package/scss/mediaplayer/_variables.scss +16 -0
  58. package/scss/messagebox/_variables.scss +4 -0
  59. package/scss/notification/_variables.scss +1 -1
  60. package/scss/overlay/_variables.scss +2 -6
  61. package/scss/pdf-viewer/_variables.scss +4 -0
  62. package/scss/pivotgrid/_variables.scss +4 -0
  63. package/scss/progressbar/_variables.scss +6 -0
  64. package/scss/prompt/_variables.scss +14 -1
  65. package/scss/scheduler/_variables.scss +4 -0
  66. package/scss/scrollview/_variables.scss +8 -1
  67. package/scss/spreadsheet/_variables.scss +4 -0
  68. package/scss/stepper/_variables.scss +4 -0
  69. package/scss/suggestion/_variables.scss +4 -0
  70. package/scss/table/_variables.scss +27 -0
  71. package/scss/taskboard/_variables.scss +4 -0
  72. package/scss/timeline/_variables.scss +5 -0
  73. package/scss/tooltip/_variables.scss +1 -1
  74. package/scss/upload/_variables.scss +4 -0
  75. package/scss/window/_variables.scss +0 -6
@@ -11,6 +11,9 @@ $kendo-file-box-padding-y: k-spacing(1) !default;
11
11
  /// The spacing between the elements of the File Box.
12
12
  /// @group file-box
13
13
  $kendo-file-box-gap: k-spacing(1) !default;
14
+ /// The spacing between the elements of the File Box info section.
15
+ /// @group file-box
16
+ $kendo-file-box-info-gap: null !default;
14
17
  /// The minimum width of the File Box.
15
18
  /// @group file-box
16
19
  $kendo-file-box-min-width: 96px !default;
@@ -49,6 +52,10 @@ $kendo-file-box-text: k-color(base-on-subtle) !default;
49
52
  /// @group file-box
50
53
  $kendo-file-box-border: $kendo-file-box-bg !default;
51
54
 
55
+ /// The text color of the File Box file size.
56
+ /// @group file-box
57
+ $kendo-file-box-size-text: null !default;
58
+
52
59
  /// The gradient used for the File Box wrapper scrolling indicator.
53
60
  /// @group file-box
54
61
  $kendo-file-box-wrapper-scroll-gradient: rgba(255, 255, 255, 0.00) 0%, k-color(app-surface) 100% !default;
@@ -57,6 +64,7 @@ $kendo-file-box-wrapper-scroll-gradient: rgba(255, 255, 255, 0.00) 0%, k-color(a
57
64
  $kendo-file-box-padding-x: $kendo-file-box-padding-x,
58
65
  $kendo-file-box-padding-y: $kendo-file-box-padding-y,
59
66
  $kendo-file-box-gap: $kendo-file-box-gap,
67
+ $kendo-file-box-info-gap: $kendo-file-box-info-gap,
60
68
  $kendo-file-box-min-width: $kendo-file-box-min-width,
61
69
  $kendo-file-box-max-width: $kendo-file-box-max-width,
62
70
  $kendo-file-box-border-width: $kendo-file-box-border-width,
@@ -69,5 +77,6 @@ $kendo-file-box-wrapper-scroll-gradient: rgba(255, 255, 255, 0.00) 0%, k-color(a
69
77
  $kendo-file-box-bg: $kendo-file-box-bg,
70
78
  $kendo-file-box-text: $kendo-file-box-text,
71
79
  $kendo-file-box-border: $kendo-file-box-border,
80
+ $kendo-file-box-size-text: $kendo-file-box-size-text,
72
81
  $kendo-file-box-wrapper-scroll-gradient: $kendo-file-box-wrapper-scroll-gradient
73
82
  );
@@ -10,6 +10,9 @@ $kendo-file-manager-spacer: k-spacing(4) !default;
10
10
  /// The border width of the FileManager.
11
11
  /// @group file-manager
12
12
  $kendo-file-manager-border-width: 1px !default;
13
+ /// The border radius of the FileManager.
14
+ /// @group file-manager
15
+ $kendo-file-manager-border-radius: null !default;
13
16
  /// The font family of the FileManager.
14
17
  /// @group file-manager
15
18
  $kendo-file-manager-font-family: var(--kendo-font-family) !default;
@@ -180,6 +183,7 @@ $kendo-file-manager-preview-icon-border: null !default;
180
183
  @forward "@progress/kendo-theme-core/scss/components/filemanager/_variables.scss" with (
181
184
  $kendo-file-manager-spacer: $kendo-file-manager-spacer,
182
185
  $kendo-file-manager-border-width: $kendo-file-manager-border-width,
186
+ $kendo-file-manager-border-radius: $kendo-file-manager-border-radius,
183
187
  $kendo-file-manager-font-family: $kendo-file-manager-font-family,
184
188
  $kendo-file-manager-font-size: $kendo-file-manager-font-size,
185
189
  $kendo-file-manager-line-height: $kendo-file-manager-line-height,
@@ -9,6 +9,10 @@ $kendo-filter-padding-x: k-spacing(2) !default;
9
9
  /// @group filter
10
10
  $kendo-filter-padding-y: k-spacing(1) !default;
11
11
 
12
+ /// The border radius of the Filter.
13
+ /// @group filter
14
+ $kendo-filter-border-radius: null !default;
15
+
12
16
  /// The bottom margin of the Filter.
13
17
  /// @group filter
14
18
  $kendo-filter-bottom-margin: k-spacing(7.5) !default;
@@ -35,6 +39,7 @@ $kendo-filter-toolbar-focus-shadow: 0 0 0 2px k-color(border-alt) !default;
35
39
  @forward "@progress/kendo-theme-core/scss/components/filter/_variables.scss" with (
36
40
  $kendo-filter-padding-x: $kendo-filter-padding-x,
37
41
  $kendo-filter-padding-y: $kendo-filter-padding-y,
42
+ $kendo-filter-border-radius: $kendo-filter-border-radius,
38
43
  $kendo-filter-bottom-margin: $kendo-filter-bottom-margin,
39
44
  $kendo-filter-line-size: $kendo-filter-line-size,
40
45
  $kendo-filter-operator-dropdown-width: $kendo-filter-operator-dropdown-width,
@@ -50,6 +50,9 @@ $kendo-form-legend-width: 100% !default;
50
50
  /// The font size of the Form legend.
51
51
  /// @group form
52
52
  $kendo-form-legend-font-size: var(--kendo-font-size) !default;
53
+ /// The font weight of the Form legend.
54
+ /// @group form
55
+ $kendo-form-legend-font-weight: null !default;
53
56
  /// The text capitalization of the Form legend.
54
57
  /// @group form
55
58
  $kendo-form-legend-text-transform: uppercase !default;
@@ -58,6 +61,16 @@ $kendo-form-legend-text-transform: uppercase !default;
58
61
  /// @group form
59
62
  $kendo-form-label-margin-bottom: k-spacing(0) !default;
60
63
 
64
+ /// The font size of the Form label.
65
+ /// @group form
66
+ $kendo-label-font-size: null !default;
67
+ /// The font weight of the Form label.
68
+ /// @group form
69
+ $kendo-label-font-weight: null !default;
70
+ /// The line height of the Form label.
71
+ /// @group form
72
+ $kendo-label-line-height: null !default;
73
+
61
74
  /// The font size of the Form hint.
62
75
  /// @group form
63
76
  $kendo-form-hint-font-size: var(--kendo-font-size-sm) !default;
@@ -123,6 +136,9 @@ $kendo-label-optional-font-size: var(--kendo-font-size-sm) !default;
123
136
  /// The font style of the optional label in the Form.
124
137
  /// @group form
125
138
  $kendo-label-optional-font-style: italic !default;
139
+ /// The font weight of the optional label in the Form.
140
+ /// @group form
141
+ $kendo-label-optional-font-weight: null !default;
126
142
 
127
143
 
128
144
  /// The margin of the Form fieldset.
@@ -162,8 +178,12 @@ $kendo-fieldset-legend-text: k-color(on-app-surface) !default;
162
178
  $kendo-form-legend-border-color: $kendo-form-legend-border-color,
163
179
  $kendo-form-legend-width: $kendo-form-legend-width,
164
180
  $kendo-form-legend-font-size: $kendo-form-legend-font-size,
181
+ $kendo-form-legend-font-weight: $kendo-form-legend-font-weight,
165
182
  $kendo-form-legend-text-transform: $kendo-form-legend-text-transform,
166
183
  $kendo-form-label-margin-bottom: $kendo-form-label-margin-bottom,
184
+ $kendo-label-font-size: $kendo-label-font-size,
185
+ $kendo-label-font-weight: $kendo-label-font-weight,
186
+ $kendo-label-line-height: $kendo-label-line-height,
167
187
  $kendo-form-hint-font-size: $kendo-form-hint-font-size,
168
188
  $kendo-form-hint-font-style: $kendo-form-hint-font-style,
169
189
  $kendo-form-hint-margin-top: $kendo-form-hint-margin-top,
@@ -183,6 +203,7 @@ $kendo-fieldset-legend-text: k-color(on-app-surface) !default;
183
203
  $kendo-label-optional-margin-x: $kendo-label-optional-margin-x,
184
204
  $kendo-label-optional-font-size: $kendo-label-optional-font-size,
185
205
  $kendo-label-optional-font-style: $kendo-label-optional-font-style,
206
+ $kendo-label-optional-font-weight: $kendo-label-optional-font-weight,
186
207
  $kendo-fieldset-margin: $kendo-fieldset-margin,
187
208
  $kendo-fieldset-legend-padding: $kendo-fieldset-legend-padding,
188
209
  $kendo-fieldset-legend-margin: $kendo-fieldset-legend-margin,
@@ -7,6 +7,9 @@
7
7
  /// The border width of the Gantt.
8
8
  /// @group gantt
9
9
  $kendo-gantt-border-width: 1px !default;
10
+ /// The border radius of the Gantt.
11
+ /// @group gantt
12
+ $kendo-gantt-border-radius: null !default;
10
13
  /// The font family of the Gantt.
11
14
  /// @group gantt
12
15
  $kendo-gantt-font-family: var(--kendo-font-family) !default;
@@ -245,6 +248,7 @@ $kendo-gantt-task-tooltip-padding-y: k-spacing(1) !default;
245
248
 
246
249
  @forward "@progress/kendo-theme-core/scss/components/gantt/_variables.scss" with (
247
250
  $kendo-gantt-border-width: $kendo-gantt-border-width,
251
+ $kendo-gantt-border-radius: $kendo-gantt-border-radius,
248
252
  $kendo-gantt-font-family: $kendo-gantt-font-family,
249
253
  $kendo-gantt-font-size: $kendo-gantt-font-size,
250
254
  $kendo-gantt-line-height: $kendo-gantt-line-height,
@@ -19,6 +19,9 @@ $kendo-grid-default-size: "md" !default;
19
19
  /// The width of the border around the Grid.
20
20
  /// @group grid
21
21
  $kendo-grid-border-width: 1px !default;
22
+ /// The border radius of the Grid.
23
+ /// @group grid
24
+ $kendo-grid-border-radius: null !default;
22
25
  /// The font family of the Grid.
23
26
  /// @group grid
24
27
  $kendo-grid-font-family: var(--kendo-font-family) !default;
@@ -301,6 +304,16 @@ $kendo-grid-sorting-index-spacing-x: calc( #{$kendo-grid-sorting-index-spacing-y
301
304
  /// The background color of the Grid row.
302
305
  /// @group grid
303
306
  $kendo-grid-grouping-row-bg: k-color(base) !default;
307
+
308
+ /// The background color of the Grid grouping header.
309
+ /// @group grid
310
+ $kendo-grid-grouping-header-bg: $kendo-grid-header-bg !default;
311
+ /// The text color of the Grid grouping header.
312
+ /// @group grid
313
+ $kendo-grid-grouping-header-text: $kendo-grid-header-text !default;
314
+ /// The border color of the Grid grouping header.
315
+ /// @group grid
316
+ $kendo-grid-grouping-header-border: $kendo-grid-header-border !default;
304
317
  /// The text color of the Grid row.
305
318
  /// @group grid
306
319
  $kendo-grid-grouping-row-text: $kendo-grid-text !default;
@@ -503,6 +516,7 @@ $kendo-grid-pinned-source-font-weight: var(--kendo-font-weight-bold) !default;
503
516
  @forward "@progress/kendo-theme-core/scss/components/grid/_variables.scss" with (
504
517
  $kendo-grid-default-size: $kendo-grid-default-size,
505
518
  $kendo-grid-border-width: $kendo-grid-border-width,
519
+ $kendo-grid-border-radius: $kendo-grid-border-radius,
506
520
  $kendo-grid-font-family: $kendo-grid-font-family,
507
521
  $kendo-grid-font-size: $kendo-grid-font-size,
508
522
  $kendo-grid-line-height: $kendo-grid-line-height,
@@ -512,6 +526,9 @@ $kendo-grid-pinned-source-font-weight: var(--kendo-font-weight-bold) !default;
512
526
  $kendo-grid-header-padding-y: $kendo-grid-header-padding-y,
513
527
  $kendo-grid-grouping-header-padding-x: $kendo-grid-grouping-header-padding-x,
514
528
  $kendo-grid-grouping-header-padding-y: $kendo-grid-grouping-header-padding-y,
529
+ $kendo-grid-grouping-header-bg: $kendo-grid-grouping-header-bg,
530
+ $kendo-grid-grouping-header-text: $kendo-grid-grouping-header-text,
531
+ $kendo-grid-grouping-header-border: $kendo-grid-grouping-header-border,
515
532
  $kendo-grid-cell-padding-x: $kendo-grid-cell-padding-x,
516
533
  $kendo-grid-cell-padding-y: $kendo-grid-cell-padding-y,
517
534
  $kendo-grid-filter-cell-padding-x: $kendo-grid-filter-cell-padding-x,
@@ -17,6 +17,9 @@ $kendo-image-editor-padding-x: null !default;
17
17
  /// The width of the border around the ImageEditor.
18
18
  /// @group image-editor
19
19
  $kendo-image-editor-border-width: 1px !default;
20
+ /// The border radius of the ImageEditor.
21
+ /// @group image-editor
22
+ $kendo-image-editor-border-radius: null !default;
20
23
  /// The font size of the ImageEditor.
21
24
  /// @group image-editor
22
25
  $kendo-image-editor-font-size: var(--kendo-font-size) !default;
@@ -112,6 +115,7 @@ $kendo-image-editor-crop-overlay-bg: rgba( black, .3 ) !default;
112
115
  $kendo-image-editor-padding-y: $kendo-image-editor-padding-y,
113
116
  $kendo-image-editor-padding-x: $kendo-image-editor-padding-x,
114
117
  $kendo-image-editor-border-width: $kendo-image-editor-border-width,
118
+ $kendo-image-editor-border-radius: $kendo-image-editor-border-radius,
115
119
  $kendo-image-editor-font-size: $kendo-image-editor-font-size,
116
120
  $kendo-image-editor-line-height: $kendo-image-editor-line-height,
117
121
  $kendo-image-editor-font-family: $kendo-image-editor-font-family,
@@ -42,6 +42,16 @@ $kendo-listbox-border: k-color(border) !default;
42
42
  $kendo-listbox-drop-hint-width: 1px !default;
43
43
 
44
44
 
45
+ /// The horizontal padding of the ListBox scroller.
46
+ /// @group listbox
47
+ $kendo-listbox-scroller-padding-x: null !default;
48
+ /// The vertical padding of the ListBox scroller.
49
+ /// @group listbox
50
+ $kendo-listbox-scroller-padding-y: null !default;
51
+ /// The border radius of the ListBox.
52
+ /// @group listbox
53
+ $kendo-listbox-border-radius: null !default;
54
+
45
55
  @forward "@progress/kendo-theme-core/scss/components/listbox/_variables.scss" with (
46
56
  $kendo-listbox-spacing: $kendo-listbox-spacing,
47
57
  $kendo-listbox-button-spacing: $kendo-listbox-button-spacing,
@@ -54,5 +64,8 @@ $kendo-listbox-drop-hint-width: 1px !default;
54
64
  $kendo-listbox-text: $kendo-listbox-text,
55
65
  $kendo-listbox-bg: $kendo-listbox-bg,
56
66
  $kendo-listbox-border: $kendo-listbox-border,
57
- $kendo-listbox-drop-hint-width: $kendo-listbox-drop-hint-width
67
+ $kendo-listbox-drop-hint-width: $kendo-listbox-drop-hint-width,
68
+ $kendo-listbox-scroller-padding-x: $kendo-listbox-scroller-padding-x,
69
+ $kendo-listbox-scroller-padding-y: $kendo-listbox-scroller-padding-y,
70
+ $kendo-listbox-border-radius: $kendo-listbox-border-radius
58
71
  );
@@ -60,6 +60,9 @@ $kendo-listview-item-focus-border: null !default;
60
60
  /// The box shadow of the focused ListView items.
61
61
  /// @group listview
62
62
  $kendo-listview-item-focus-shadow: inset 0 0 0 2px k-color(border-alt) !default;
63
+ /// The border radius of the ListView items.
64
+ /// @group listview
65
+ $kendo-listview-item-border-radius: null !default;
63
66
 
64
67
 
65
68
  @forward "@progress/kendo-theme-core/scss/components/listview/_variables.scss" with (
@@ -80,5 +83,6 @@ $kendo-listview-item-focus-shadow: inset 0 0 0 2px k-color(border-alt) !default;
80
83
  $kendo-listview-item-focus-text: $kendo-listview-item-focus-text,
81
84
  $kendo-listview-item-focus-bg: $kendo-listview-item-focus-bg,
82
85
  $kendo-listview-item-focus-border: $kendo-listview-item-focus-border,
83
- $kendo-listview-item-focus-shadow: $kendo-listview-item-focus-shadow
86
+ $kendo-listview-item-focus-shadow: $kendo-listview-item-focus-shadow,
87
+ $kendo-listview-item-border-radius: $kendo-listview-item-border-radius
84
88
  );
@@ -5,6 +5,9 @@
5
5
  /// The border width of the MediaPlayer.
6
6
  /// @group mediaplayer
7
7
  $kendo-media-player-border-width: 1px !default;
8
+ /// The border radius of the MediaPlayer.
9
+ /// @group mediaplayer
10
+ $kendo-media-player-border-radius: null !default;
8
11
  /// The font family of the MediaPlayer.
9
12
  /// @group mediaplayer
10
13
  $kendo-media-player-font-family: var(--kendo-font-family) !default;
@@ -31,6 +34,15 @@ $kendo-media-player-titlebar-padding-x: k-spacing(2) !default;
31
34
  /// The vertical padding of the MediaPlayer title.
32
35
  /// @group mediaplayer
33
36
  $kendo-media-player-titlebar-padding-y: k-spacing(2) !default;
37
+ /// The font size of the MediaPlayer title.
38
+ /// @group mediaplayer
39
+ $kendo-media-player-titlebar-font-size: null !default;
40
+ /// The font weight of the MediaPlayer title.
41
+ /// @group mediaplayer
42
+ $kendo-media-player-titlebar-font-weight: null !default;
43
+ /// The line height of the MediaPlayer title.
44
+ /// @group mediaplayer
45
+ $kendo-media-player-titlebar-line-height: null !default;
34
46
  /// The text color of the MediaPlayer title.
35
47
  /// @group mediaplayer
36
48
  $kendo-media-player-titlebar-text: $kendo-media-player-bg !default;
@@ -41,6 +53,7 @@ $kendo-media-player-titlebar-gradient: color-mix(in srgb, k-color(on-app-surface
41
53
 
42
54
  @forward "@progress/kendo-theme-core/scss/components/mediaplayer/_variables.scss" with (
43
55
  $kendo-media-player-border-width: $kendo-media-player-border-width,
56
+ $kendo-media-player-border-radius: $kendo-media-player-border-radius,
44
57
  $kendo-media-player-font-family: $kendo-media-player-font-family,
45
58
  $kendo-media-player-font-size: $kendo-media-player-font-size,
46
59
  $kendo-media-player-line-height: $kendo-media-player-line-height,
@@ -49,6 +62,9 @@ $kendo-media-player-titlebar-gradient: color-mix(in srgb, k-color(on-app-surface
49
62
  $kendo-media-player-border: $kendo-media-player-border,
50
63
  $kendo-media-player-titlebar-padding-x: $kendo-media-player-titlebar-padding-x,
51
64
  $kendo-media-player-titlebar-padding-y: $kendo-media-player-titlebar-padding-y,
65
+ $kendo-media-player-titlebar-font-size: $kendo-media-player-titlebar-font-size,
66
+ $kendo-media-player-titlebar-font-weight: $kendo-media-player-titlebar-font-weight,
67
+ $kendo-media-player-titlebar-line-height: $kendo-media-player-titlebar-line-height,
52
68
  $kendo-media-player-titlebar-text: $kendo-media-player-titlebar-text,
53
69
  $kendo-media-player-titlebar-gradient: $kendo-media-player-titlebar-gradient
54
70
  );
@@ -19,6 +19,9 @@ $kendo-message-box-padding-y: k-spacing(1) !default;
19
19
  /// The width of the border around the MessageBox.
20
20
  /// @group messagebox
21
21
  $kendo-message-box-border-width: 0 0 0 4px !default;
22
+ /// The border radius of the MessageBox.
23
+ /// @group messagebox
24
+ $kendo-message-box-border-radius: null !default;
22
25
 
23
26
  /// The font size of the MessageBox.
24
27
  /// @group messagebox
@@ -51,6 +54,7 @@ $kendo-message-box-link-text-decoration: underline !default;
51
54
  $kendo-message-box-padding-x: $kendo-message-box-padding-x,
52
55
  $kendo-message-box-padding-y: $kendo-message-box-padding-y,
53
56
  $kendo-message-box-border-width: $kendo-message-box-border-width,
57
+ $kendo-message-box-border-radius: $kendo-message-box-border-radius,
54
58
  $kendo-message-box-font-size: $kendo-message-box-font-size,
55
59
  $kendo-message-box-line-height: $kendo-message-box-line-height,
56
60
  $kendo-message-box-bg-level: $kendo-message-box-bg-level,
@@ -60,7 +60,7 @@ $kendo-notification-icon-spacing: $kendo-icon-spacing !default;
60
60
 
61
61
  /// The theme colors map for the Notification.
62
62
  /// @group notification
63
- $kendo-notification-theme-colors: ("base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse") !default;
63
+ $kendo-notification-theme-colors: ("base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "inverse") !default;
64
64
  /// The generated theme colors map for the Notification.
65
65
  /// @group notification
66
66
  $kendo-notification-theme: notification-theme( $kendo-notification-theme-colors ) !default;
@@ -1,18 +1,14 @@
1
- /// The default theme color of the Overlay.
2
- /// @group overlay
3
- /// @role default
4
- $kendo-overlay-default-theme-color: "inverse" !default;
1
+ @use "../core/_index.scss" as *;
5
2
 
6
3
  /// The background color of the Overlay.
7
4
  /// @group overlay
8
- $kendo-overlay-bg: null !default;
5
+ $kendo-overlay-bg: k-color(inverse) !default;
9
6
  /// The opacity of the Overlay.
10
7
  /// @group overlay
11
8
  $kendo-overlay-opacity: .5 !default;
12
9
 
13
10
 
14
11
  @forward "@progress/kendo-theme-core/scss/components/overlay/_variables.scss" with (
15
- $kendo-overlay-default-theme-color: $kendo-overlay-default-theme-color,
16
12
  $kendo-overlay-bg: $kendo-overlay-bg,
17
13
  $kendo-overlay-opacity: $kendo-overlay-opacity
18
14
  );
@@ -8,6 +8,9 @@
8
8
  /// The border width of the PDFViewer.
9
9
  /// @group pdf-viewer
10
10
  $kendo-pdf-viewer-border-width: 1px !default;
11
+ /// The border radius of the PDFViewer.
12
+ /// @group pdf-viewer
13
+ $kendo-pdf-viewer-border-radius: null !default;
11
14
  /// The font family of the PDFViewer.
12
15
  /// @group pdf-viewer
13
16
  $kendo-pdf-viewer-font-family: var(--kendo-font-family) !default;
@@ -140,6 +143,7 @@ $kendo-pdf-viewer-free-text-annotation-text: k-color(primary-on-subtle) !default
140
143
 
141
144
  @forward "@progress/kendo-theme-core/scss/components/pdf-viewer/_variables.scss" with (
142
145
  $kendo-pdf-viewer-border-width: $kendo-pdf-viewer-border-width,
146
+ $kendo-pdf-viewer-border-radius: $kendo-pdf-viewer-border-radius,
143
147
  $kendo-pdf-viewer-font-family: $kendo-pdf-viewer-font-family,
144
148
  $kendo-pdf-viewer-font-size: $kendo-pdf-viewer-font-size,
145
149
  $kendo-pdf-viewer-line-height: $kendo-pdf-viewer-line-height,
@@ -26,6 +26,9 @@ $kendo-pivotgrid-line-height: var(--kendo-line-height) !default;
26
26
  /// The border width of the PivotGrid.
27
27
  /// @group pivotgrid
28
28
  $kendo-pivotgrid-border-width: 1px !default;
29
+ /// The border radius of the PivotGrid.
30
+ /// @group pivotgrid
31
+ $kendo-pivotgrid-border-radius: null !default;
29
32
  /// The icon spacing of the PivotGrid.
30
33
  /// @group pivotgrid
31
34
  $kendo-pivotgrid-icon-spacing: k-spacing(1) !default;
@@ -268,6 +271,7 @@ $kendo-pivotgrid-row-headers-bg: k-color(base) !default;
268
271
  $kendo-pivotgrid-font-size: $kendo-pivotgrid-font-size,
269
272
  $kendo-pivotgrid-line-height: $kendo-pivotgrid-line-height,
270
273
  $kendo-pivotgrid-border-width: $kendo-pivotgrid-border-width,
274
+ $kendo-pivotgrid-border-radius: $kendo-pivotgrid-border-radius,
271
275
  $kendo-pivotgrid-icon-spacing: $kendo-pivotgrid-icon-spacing,
272
276
  $kendo-pivotgrid-row-header-width: $kendo-pivotgrid-row-header-width,
273
277
  $kendo-pivotgrid-column-header-height: $kendo-pivotgrid-column-header-height,
@@ -61,6 +61,11 @@ $kendo-progressbar-indeterminate-text: $kendo-progressbar-text !default;
61
61
  /// @group progressbar
62
62
  $kendo-progressbar-indeterminate-border: $kendo-progressbar-border !default;
63
63
 
64
+ // Chunk Progressbar
65
+ /// The border radius of the chunk ProgressBar chunks.
66
+ /// @group progressbar
67
+ $kendo-progressbar-chunk-border-radius: null !default;
68
+
64
69
  // Circular Progressbar
65
70
  /// The arc stroke color of the circular ProgressBar.
66
71
  /// @group progressbar
@@ -89,6 +94,7 @@ $kendo-circular-progressbar-scale-stroke: $kendo-progressbar-bg !default;
89
94
  $kendo-progressbar-indeterminate-bg: $kendo-progressbar-indeterminate-bg,
90
95
  $kendo-progressbar-indeterminate-text: $kendo-progressbar-indeterminate-text,
91
96
  $kendo-progressbar-indeterminate-border: $kendo-progressbar-indeterminate-border,
97
+ $kendo-progressbar-chunk-border-radius: $kendo-progressbar-chunk-border-radius,
92
98
  $kendo-circular-progressbar-arc-stroke: $kendo-circular-progressbar-arc-stroke,
93
99
  $kendo-circular-progressbar-scale-stroke: $kendo-circular-progressbar-scale-stroke
94
100
  );
@@ -67,6 +67,16 @@ $kendo-prompt-suggestion-border: k-color(border) !default;
67
67
  /// @group prompt
68
68
  $kendo-prompt-suggestion-shadow: k-elevation(1) !default;
69
69
 
70
+ /// The text color of the AIPrompt footer.
71
+ /// @group prompt
72
+ $kendo-prompt-footer-text: null !default;
73
+ /// The background color of the AIPrompt footer.
74
+ /// @group prompt
75
+ $kendo-prompt-footer-bg: null !default;
76
+ /// The border color of the AIPrompt footer.
77
+ /// @group prompt
78
+ $kendo-prompt-footer-border: null !default;
79
+
70
80
 
71
81
  @forward "@progress/kendo-theme-core/scss/components/prompt/_variables.scss" with (
72
82
  $kendo-prompt-text: $kendo-prompt-text,
@@ -88,5 +98,8 @@ $kendo-prompt-suggestion-shadow: k-elevation(1) !default;
88
98
  $kendo-prompt-suggestion-text: $kendo-prompt-suggestion-text,
89
99
  $kendo-prompt-suggestion-bg: $kendo-prompt-suggestion-bg,
90
100
  $kendo-prompt-suggestion-border: $kendo-prompt-suggestion-border,
91
- $kendo-prompt-suggestion-shadow: $kendo-prompt-suggestion-shadow
101
+ $kendo-prompt-suggestion-shadow: $kendo-prompt-suggestion-shadow,
102
+ $kendo-prompt-footer-text: $kendo-prompt-footer-text,
103
+ $kendo-prompt-footer-bg: $kendo-prompt-footer-bg,
104
+ $kendo-prompt-footer-border: $kendo-prompt-footer-border
92
105
  );
@@ -8,6 +8,9 @@
8
8
  /// The width of the border around the Scheduler.
9
9
  /// @group scheduler
10
10
  $kendo-scheduler-border-width: 1px !default;
11
+ /// The border radius of the Scheduler.
12
+ /// @group scheduler
13
+ $kendo-scheduler-border-radius: null !default;
11
14
  /// The font family of the Scheduler.
12
15
  /// @group scheduler
13
16
  $kendo-scheduler-font-family: var(--kendo-font-family) !default;
@@ -268,6 +271,7 @@ $kendo-scheduler-header-bg: k-color(surface) !default;
268
271
 
269
272
  @forward "@progress/kendo-theme-core/scss/components/scheduler/_variables.scss" with (
270
273
  $kendo-scheduler-border-width: $kendo-scheduler-border-width,
274
+ $kendo-scheduler-border-radius: $kendo-scheduler-border-radius,
271
275
  $kendo-scheduler-font-family: $kendo-scheduler-font-family,
272
276
  $kendo-scheduler-font-size: $kendo-scheduler-font-size,
273
277
  $kendo-scheduler-line-height: $kendo-scheduler-line-height,
@@ -7,6 +7,9 @@
7
7
  /// The width of the border around the ScrollView.
8
8
  /// @group scrollview
9
9
  $kendo-scrollview-border-width: 1px !default;
10
+ /// The border radius of the ScrollView.
11
+ /// @group scrollview
12
+ $kendo-scrollview-border-radius: null !default;
10
13
  /// The font family of the ScrollView.
11
14
  /// @group scrollview
12
15
  $kendo-scrollview-font-family: var(--kendo-font-family) !default;
@@ -45,6 +48,9 @@ $kendo-scrollview-pagebutton-primary-border: k-color(primary) !default;
45
48
  /// The box shadow of the ScrollView page button.
46
49
  /// @group scrollview
47
50
  $kendo-scrollview-pagebutton-shadow: 0 0 0 2px rgba( black, .13 ) !default;
51
+ /// The box shadow of the selected ScrollView page button.
52
+ /// @group scrollview
53
+ $kendo-scrollview-pagebutton-primary-shadow: null !default;
48
54
 
49
55
  /// The offset of the ScrollView pager.
50
56
  /// @group scrollview
@@ -81,7 +87,6 @@ $kendo-scrollview-light-bg: rgba( white, .4 ) !default;
81
87
  /// The background color of the ScrollView pager in dark mode.
82
88
  /// @group scrollview
83
89
  $kendo-scrollview-dark-bg: rgba( black, .4 ) !default;
84
-
85
90
  /// The duration of the ScrollView transition.
86
91
  /// @group scrollview
87
92
  $kendo-scrollview-transition-duration: .3s !default;
@@ -92,6 +97,7 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
92
97
 
93
98
  @forward "@progress/kendo-theme-core/scss/components/scrollview/_variables.scss" with (
94
99
  $kendo-scrollview-border-width: $kendo-scrollview-border-width,
100
+ $kendo-scrollview-border-radius: $kendo-scrollview-border-radius,
95
101
  $kendo-scrollview-font-family: $kendo-scrollview-font-family,
96
102
  $kendo-scrollview-font-size: $kendo-scrollview-font-size,
97
103
  $kendo-scrollview-line-height: $kendo-scrollview-line-height,
@@ -104,6 +110,7 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
104
110
  $kendo-scrollview-pagebutton-primary-bg: $kendo-scrollview-pagebutton-primary-bg,
105
111
  $kendo-scrollview-pagebutton-primary-border: $kendo-scrollview-pagebutton-primary-border,
106
112
  $kendo-scrollview-pagebutton-shadow: $kendo-scrollview-pagebutton-shadow,
113
+ $kendo-scrollview-pagebutton-primary-shadow: $kendo-scrollview-pagebutton-primary-shadow,
107
114
  $kendo-scrollview-pager-offset: $kendo-scrollview-pager-offset,
108
115
  $kendo-scrollview-pager-item-spacing: $kendo-scrollview-pager-item-spacing,
109
116
  $kendo-scrollview-pager-item-border-width: $kendo-scrollview-pager-item-border-width,
@@ -7,6 +7,9 @@
7
7
  /// The width of the border around the Spreadsheet.
8
8
  /// @group spreadsheet
9
9
  $kendo-spreadsheet-border-width: 1px !default;
10
+ /// The border radius of the Spreadsheet.
11
+ /// @group spreadsheet
12
+ $kendo-spreadsheet-border-radius: null !default;
10
13
  /// The font family of the Spreadsheet.
11
14
  /// @group spreadsheet
12
15
  $kendo-spreadsheet-font-family: var(--kendo-font-family) !default;
@@ -284,6 +287,7 @@ $kendo-spreadsheet-filter-menu-icon-margin: 0 k-spacing(1) 0 calc(-1 * ( #{$kend
284
287
 
285
288
  @forward "@progress/kendo-theme-core/scss/components/spreadsheet/_variables.scss" with (
286
289
  $kendo-spreadsheet-border-width: $kendo-spreadsheet-border-width,
290
+ $kendo-spreadsheet-border-radius: $kendo-spreadsheet-border-radius,
287
291
  $kendo-spreadsheet-font-family: $kendo-spreadsheet-font-family,
288
292
  $kendo-spreadsheet-font-size: $kendo-spreadsheet-font-size,
289
293
  $kendo-spreadsheet-line-height: $kendo-spreadsheet-line-height,
@@ -190,6 +190,9 @@ $kendo-stepper-label-hover-text: unset !default;
190
190
  /// The text color of the disabled Stepper label.
191
191
  /// @group stepper
192
192
  $kendo-stepper-label-disabled-text: color-mix(in srgb, k-color(on-app-surface) 60%, transparent) !default;
193
+ /// The font weight of the current Stepper label.
194
+ /// @group stepper
195
+ $kendo-stepper-label-current-font-weight: var(--kendo-font-weight-semibold) !default;
193
196
 
194
197
  /// The text color of the optional Stepper label.
195
198
  /// @group stepper
@@ -289,6 +292,7 @@ $kendo-stepper-content-transition-timing-function: k-easing(standard) !default;
289
292
  $kendo-stepper-label-error-text: $kendo-stepper-label-error-text,
290
293
  $kendo-stepper-label-hover-text: $kendo-stepper-label-hover-text,
291
294
  $kendo-stepper-label-disabled-text: $kendo-stepper-label-disabled-text,
295
+ $kendo-stepper-label-current-font-weight: $kendo-stepper-label-current-font-weight,
292
296
  $kendo-stepper-optional-label-text: $kendo-stepper-optional-label-text,
293
297
  $kendo-stepper-optional-label-opacity: $kendo-stepper-optional-label-opacity,
294
298
  $kendo-stepper-optional-label-font-size: $kendo-stepper-optional-label-font-size,
@@ -24,6 +24,9 @@ $kendo-suggestion-font-size: var(--kendo-font-size) !default;
24
24
  /// The line height of the Suggestion.
25
25
  /// @group suggestion
26
26
  $kendo-suggestion-line-height: var(--kendo-line-height-lg) !default;
27
+ /// The font weight of the Suggestion.
28
+ /// @group suggestion
29
+ $kendo-suggestion-font-weight: null !default;
27
30
  /// The border radius of the Suggestion.
28
31
  /// @group suggestion
29
32
  $kendo-suggestion-border-radius: k-border-radius(full) !default;
@@ -55,6 +58,7 @@ $kendo-suggestion-scroll-gradient: rgba(255, 255, 255, 0.00) 0%, k-color(app-sur
55
58
  $kendo-suggestion-border-style: $kendo-suggestion-border-style,
56
59
  $kendo-suggestion-font-size: $kendo-suggestion-font-size,
57
60
  $kendo-suggestion-line-height: $kendo-suggestion-line-height,
61
+ $kendo-suggestion-font-weight: $kendo-suggestion-font-weight,
58
62
  $kendo-suggestion-border-radius: $kendo-suggestion-border-radius,
59
63
  $kendo-suggestion-focus-shadow-blur: $kendo-suggestion-focus-shadow-blur,
60
64
  $kendo-suggestion-focus-shadow-spread: $kendo-suggestion-focus-shadow-spread,
@@ -48,6 +48,27 @@ $kendo-table-lg-cell-padding-x: k-spacing(2) !default;
48
48
  /// @group table
49
49
  $kendo-table-lg-cell-padding-y: k-spacing(2.5) !default;
50
50
 
51
+ /// The font size of the Table for small size.
52
+ /// @group table
53
+ $kendo-table-sm-font-size: var(--kendo-font-size) !default;
54
+ /// The line height of the Table for small size.
55
+ /// @group table
56
+ $kendo-table-sm-line-height: var(--kendo-line-height) !default;
57
+
58
+ /// The font size of the Table for medium size.
59
+ /// @group table
60
+ $kendo-table-md-font-size: var(--kendo-font-size) !default;
61
+ /// The line height of the Table for medium size.
62
+ /// @group table
63
+ $kendo-table-md-line-height: var(--kendo-line-height) !default;
64
+
65
+ /// The font size of the Table for large size.
66
+ /// @group table
67
+ $kendo-table-lg-font-size: var(--kendo-font-size) !default;
68
+ /// The line height of the Table for large size.
69
+ /// @group table
70
+ $kendo-table-lg-line-height: var(--kendo-line-height) !default;
71
+
51
72
  /// Background color of tables.
52
73
  /// @group table
53
74
  $kendo-table-bg: k-color(surface-alt) !default;
@@ -170,6 +191,12 @@ $kendo-table-cell-row-span-shadow: inset 0 0 0 1px $kendo-table-border !default;
170
191
  $kendo-table-md-cell-padding-y: $kendo-table-md-cell-padding-y,
171
192
  $kendo-table-lg-cell-padding-x: $kendo-table-lg-cell-padding-x,
172
193
  $kendo-table-lg-cell-padding-y: $kendo-table-lg-cell-padding-y,
194
+ $kendo-table-sm-font-size: $kendo-table-sm-font-size,
195
+ $kendo-table-sm-line-height: $kendo-table-sm-line-height,
196
+ $kendo-table-md-font-size: $kendo-table-md-font-size,
197
+ $kendo-table-md-line-height: $kendo-table-md-line-height,
198
+ $kendo-table-lg-font-size: $kendo-table-lg-font-size,
199
+ $kendo-table-lg-line-height: $kendo-table-lg-line-height,
173
200
  $kendo-table-bg: $kendo-table-bg,
174
201
  $kendo-table-text: $kendo-table-text,
175
202
  $kendo-table-border: $kendo-table-border,
@@ -137,6 +137,9 @@ $kendo-taskboard-pane-padding-x: null !default;
137
137
  /// The border width of the TaskBoard pane.
138
138
  /// @group taskboard
139
139
  $kendo-taskboard-pane-border-width: 1px !default;
140
+ /// The border radius of the TaskBoard pane.
141
+ /// @group taskboard
142
+ $kendo-taskboard-pane-border-radius: null !default;
140
143
  /// The background color of the TaskBoard pane.
141
144
  /// @group taskboard
142
145
  $kendo-taskboard-pane-bg: k-color(surface-alt) !default;
@@ -289,6 +292,7 @@ $kendo-taskboard-drag-placeholder-border: k-color(border) !default;
289
292
  $kendo-taskboard-pane-padding-y: $kendo-taskboard-pane-padding-y,
290
293
  $kendo-taskboard-pane-padding-x: $kendo-taskboard-pane-padding-x,
291
294
  $kendo-taskboard-pane-border-width: $kendo-taskboard-pane-border-width,
295
+ $kendo-taskboard-pane-border-radius: $kendo-taskboard-pane-border-radius,
292
296
  $kendo-taskboard-pane-bg: $kendo-taskboard-pane-bg,
293
297
  $kendo-taskboard-pane-text: $kendo-taskboard-pane-text,
294
298
  $kendo-taskboard-pane-border: $kendo-taskboard-pane-border,
@@ -166,6 +166,10 @@ $kendo-timeline-event-height: 600px !default;
166
166
  /// @group timeline
167
167
  $kendo-timeline-event-min-height-calc: calc(2 * (#{$kendo-timeline-track-event-offset} - #{$kendo-card-border-width})) !default;
168
168
 
169
+ /// The shadow of the Timeline card.
170
+ /// @group timeline
171
+ $kendo-timeline-card-shadow: $kendo-card-shadow !default;
172
+
169
173
 
170
174
  @forward "@progress/kendo-theme-core/scss/components/timeline/_variables.scss" with (
171
175
  $kendo-timeline-spacing-x: $kendo-timeline-spacing-x,
@@ -216,5 +220,6 @@ $kendo-timeline-event-min-height-calc: calc(2 * (#{$kendo-timeline-track-event-o
216
220
  $kendo-timeline-circle-bg: $kendo-timeline-circle-bg,
217
221
  $kendo-timeline-event-width: $kendo-timeline-event-width,
218
222
  $kendo-timeline-event-height: $kendo-timeline-event-height,
223
+ $kendo-timeline-card-shadow: $kendo-timeline-card-shadow,
219
224
  $kendo-timeline-event-min-height-calc: $kendo-timeline-event-min-height-calc
220
225
  );
@@ -54,7 +54,7 @@ $kendo-tooltip-shadow: k-elevation(2) !default;
54
54
 
55
55
  /// The theme colors map for the Tooltip.
56
56
  /// @group tooltip
57
- $kendo-tooltip-theme-colors: ("base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse") !default;
57
+ $kendo-tooltip-theme-colors: ("base", "info", "success", "warning", "error", "inverse") !default;
58
58
  /// The generated theme colors map for the Tooltip.
59
59
  /// @group tooltip
60
60
  $kendo-tooltip-theme: tooltip-theme( $kendo-tooltip-theme-colors ) !default;