@progress/kendo-theme-fluent 13.2.0-dev.4 → 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 (51) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/fluent-1-dark.css +1 -1
  3. package/dist/fluent-1.css +1 -1
  4. package/dist/fluent-main-dark.css +1 -1
  5. package/dist/fluent-main.css +1 -1
  6. package/dist/meta/sassdoc-data.json +12048 -8862
  7. package/dist/meta/sassdoc-raw-data.json +5781 -4306
  8. package/dist/meta/variables.json +285 -29
  9. package/lib/swatches/all.json +1 -1
  10. package/lib/swatches/fluent-1-dark.json +1 -1
  11. package/lib/swatches/fluent-1.json +1 -1
  12. package/lib/swatches/fluent-main-dark.json +1 -1
  13. package/lib/swatches/fluent-main.json +1 -1
  14. package/package.json +4 -4
  15. package/scss/action-sheet/_variables.scss +8 -0
  16. package/scss/appbar/_variables.scss +4 -0
  17. package/scss/button/_variables.scss +5 -0
  18. package/scss/chart-wizard/_variables.scss +17 -0
  19. package/scss/chat/_variables.scss +4 -0
  20. package/scss/column-menu/_variables.scss +11 -1
  21. package/scss/dataviz/_variables.scss +8 -0
  22. package/scss/dock-manager/_variables.scss +4 -0
  23. package/scss/dropzone/_variables.scss +4 -0
  24. package/scss/editor/_variables.scss +4 -0
  25. package/scss/expansion-panel/_variables.scss +12 -0
  26. package/scss/file-box/_variables.scss +9 -0
  27. package/scss/filemanager/_variables.scss +4 -0
  28. package/scss/filter/_variables.scss +5 -0
  29. package/scss/forms/_variables.scss +21 -0
  30. package/scss/gantt/_variables.scss +4 -0
  31. package/scss/grid/_theme.scss +0 -9
  32. package/scss/grid/_variables.scss +7 -0
  33. package/scss/imageeditor/_variables.scss +4 -0
  34. package/scss/listbox/_variables.scss +14 -1
  35. package/scss/listview/_variables.scss +5 -1
  36. package/scss/mediaplayer/_variables.scss +16 -0
  37. package/scss/messagebox/_variables.scss +1 -0
  38. package/scss/pdf-viewer/_variables.scss +4 -0
  39. package/scss/pivotgrid/_variables.scss +4 -0
  40. package/scss/progressbar/_variables.scss +5 -0
  41. package/scss/prompt/_variables.scss +14 -1
  42. package/scss/scheduler/_variables.scss +4 -0
  43. package/scss/scrollview/_variables.scss +8 -0
  44. package/scss/spreadsheet/_variables.scss +4 -0
  45. package/scss/stepper/_layout.scss +0 -4
  46. package/scss/stepper/_variables.scss +3 -2
  47. package/scss/suggestion/_variables.scss +4 -0
  48. package/scss/table/_variables.scss +27 -0
  49. package/scss/taskboard/_variables.scss +4 -0
  50. package/scss/timeline/_variables.scss +5 -0
  51. package/scss/upload/_variables.scss +4 -0
package/lib/swatches/all.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "All",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "13.2.0-dev.4",
6
+ "version": "14.0.0-dev.0",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "oklch(100.00% 0.0001 0deg)",
package/lib/swatches/fluent-1-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent 1 Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "13.2.0-dev.4",
6
+ "version": "14.0.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(21.85% 0.0025 67.57deg)",
9
9
  "oklch(24.42% 0.0024 67.57deg)",
package/lib/swatches/fluent-1.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent 1",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "13.2.0-dev.4",
6
+ "version": "14.0.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(98.26% 0.0016 66.88deg)",
package/lib/swatches/fluent-main-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "13.2.0-dev.4",
6
+ "version": "14.0.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(23.93% 0.0000 0deg)",
9
9
  "oklch(28.09% 0.0000 0deg)",
package/lib/swatches/fluent-main.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "13.2.0-dev.4",
6
+ "version": "14.0.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(98.51% 0.0001 0deg)",
9
9
  "oklch(100.00% 0.0001 0deg)",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-fluent",
3
3
  "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
4
- "version": "13.2.0-dev.4",
4
+ "version": "14.0.0-dev.0",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -55,12 +55,12 @@
55
55
  },
56
56
  "dependencies": {
57
57
  "@progress/kendo-svg-icons": "^4.8.0",
58
- "@progress/kendo-theme-core": "13.2.0-dev.4",
59
- "@progress/kendo-theme-utils": "13.2.0-dev.4"
58
+ "@progress/kendo-theme-core": "14.0.0-dev.0",
59
+ "@progress/kendo-theme-utils": "14.0.0-dev.0"
60
60
  },
61
61
  "directories": {
62
62
  "doc": "docs",
63
63
  "lib": "lib"
64
64
  },
65
- "gitHead": "7368a47b22d3a917d55b6f022728aee002b3125a"
65
+ "gitHead": "3f1cafd275c148edc39e26aa67cc7105a3421dbc"
66
66
  }
package/scss/action-sheet/_variables.scss CHANGED
@@ -71,6 +71,9 @@ $kendo-actionsheet-header-line-height: var( --kendo-actionsheet-header-line-heig
71
71
  /// Spacing between the action sheet header groups.
72
72
  /// @group action-sheet
73
73
  $kendo-actionsheet-header-gap: var( --kendo-actionsheet-header-gap, #{k-spacing(4)} ) !default;
74
+ /// Font weight of the action sheet header.
75
+ /// @group action-sheet
76
+ $kendo-actionsheet-header-font-weight: null !default;
74
77
 
75
78
 
76
79
  /// Background color of the action sheet header.
@@ -128,6 +131,9 @@ $kendo-actionsheet-item-border-width: var( --kendo-actionsheet-item-border-width
128
131
  /// Spacing between the icon and the text in the action sheet item.
129
132
  /// @group action-sheet
130
133
  $kendo-actionsheet-item-spacing: var( --kendo-actionsheet-item-spacing, #{k-spacing(1)} ) !default;
134
+ /// Border radius of the action sheet item.
135
+ /// @group action-sheet
136
+ $kendo-actionsheet-item-border-radius: null !default;
131
137
 
132
138
  /// Font weight of the action sheet item text.
133
139
  /// @group action-sheet
@@ -245,6 +251,7 @@ $kendo-adaptive-actionsheet-footer-padding-x: var( --kendo-adaptive-actionsheet-
245
251
  $kendo-actionsheet-titlebar-font-size: $kendo-actionsheet-header-font-size,
246
252
  $kendo-actionsheet-titlebar-font-family: $kendo-actionsheet-header-font-family,
247
253
  $kendo-actionsheet-titlebar-line-height: $kendo-actionsheet-header-line-height,
254
+ $kendo-actionsheet-titlebar-font-weight: $kendo-actionsheet-header-font-weight,
248
255
  $kendo-actionsheet-titlebar-gap: $kendo-actionsheet-header-gap,
249
256
  $kendo-actionsheet-titlebar-bg: $kendo-actionsheet-header-bg,
250
257
  $kendo-actionsheet-titlebar-text: $kendo-actionsheet-header-text,
@@ -263,6 +270,7 @@ $kendo-adaptive-actionsheet-footer-padding-x: var( --kendo-adaptive-actionsheet-
263
270
  $kendo-actionsheet-item-padding-y: $kendo-actionsheet-item-padding-y,
264
271
  $kendo-actionsheet-item-border-width: $kendo-actionsheet-item-border-width,
265
272
  $kendo-actionsheet-item-spacing: $kendo-actionsheet-item-spacing,
273
+ $kendo-actionsheet-item-border-radius: $kendo-actionsheet-item-border-radius,
266
274
  $kendo-actionsheet-item-title-font-weight: $kendo-actionsheet-item-title-font-weight,
267
275
  $kendo-actionsheet-item-title-text-transform: $kendo-actionsheet-item-title-text-transform,
268
276
  $kendo-actionsheet-item-description-font-size: $kendo-actionsheet-item-description-font-size,
package/scss/appbar/_variables.scss CHANGED
@@ -22,6 +22,9 @@ $kendo-appbar-padding-y: var( --kendo-appbar-padding-y, k-spacing(3.5) ) !defaul
22
22
  /// The width of the border around the AppBar.
23
23
  /// @group appbar
24
24
  $kendo-appbar-border-width: var( --kendo-appbar-border-width, 0px ) !default;
25
+ /// The border radius of the AppBar.
26
+ /// @group appbar
27
+ $kendo-appbar-border-radius: null !default;
25
28
  /// The z-index of the AppBar.
26
29
  /// @group appbar
27
30
  $kendo-appbar-zindex: var( --kendo-appbar-zindex, k-z-index("banner") ) !default;
@@ -55,6 +58,7 @@ $kendo-appbar-border: var( --kendo-appbar-border, color-mix(in srgb, k-color(bor
55
58
  $kendo-appbar-padding-x: $kendo-appbar-padding-x,
56
59
  $kendo-appbar-padding-y: $kendo-appbar-padding-y,
57
60
  $kendo-appbar-border-width: $kendo-appbar-border-width,
61
+ $kendo-appbar-border-radius: $kendo-appbar-border-radius,
58
62
  $kendo-appbar-zindex: $kendo-appbar-zindex,
59
63
  $kendo-appbar-font-family: $kendo-appbar-font-family,
60
64
  $kendo-appbar-font-size: $kendo-appbar-font-size,
package/scss/button/_variables.scss CHANGED
@@ -28,6 +28,10 @@ $kendo-button-border-width: var( --kendo-button-border-width, 1px ) !default;
28
28
  /// @group button
29
29
  $kendo-button-border-radius: null !default;
30
30
 
31
+ /// The spacing between icon and text inside the Button.
32
+ /// @group button
33
+ $kendo-button-gap: k-spacing(2) !default;
34
+
31
35
  /// The horizontal padding of the xsmall Button.
32
36
  /// @group button
33
37
  $kendo-button-xs-padding-x: var( --kendo-button-xs-padding-x, k-spacing(1) ) !default;
@@ -199,6 +203,7 @@ $kendo-button-transition: color k-transition(rapid), background-color k-transiti
199
203
  @forward "@progress/kendo-theme-core/scss/components/button/_variables.scss" with (
200
204
  $kendo-button-border-width: $kendo-button-border-width,
201
205
  $kendo-button-border-radius: $kendo-button-border-radius,
206
+ $kendo-button-gap: $kendo-button-gap,
202
207
  $kendo-button-xs-padding-x: $kendo-button-xs-padding-x,
203
208
  $kendo-button-sm-padding-x: $kendo-button-sm-padding-x,
204
209
  $kendo-button-md-padding-x: $kendo-button-md-padding-x,
package/scss/chart-wizard/_variables.scss CHANGED
@@ -15,6 +15,12 @@ $kendo-chart-wizard-icon-area-border-radius: var( --kendo-chart-wizard-icon-area
15
15
  /// The padding of the area around the chart type icon.
16
16
  /// @group chart-wizard
17
17
  $kendo-chart-wizard-icon-area-padding: var( --kendo-chart-wizard-icon-area-padding, k-spacing(4) ) !default;
18
+ /// The border width of the area around the chart type icon.
19
+ /// @group chart-wizard
20
+ $kendo-chart-wizard-icon-area-border-width: null !default;
21
+ /// The border color of the area around the chart type icon.
22
+ /// @group chart-wizard
23
+ $kendo-chart-wizard-icon-area-border-color: null !default;
18
24
  /// The box shadow of the focused area around the chart type icon.
19
25
  /// @group chart-wizard
20
26
  $kendo-chart-wizard-icon-area-focus-shadow: var( --kendo-chart-wizard-icon-area-focus-shadow, inset 0 0 0 1px k-color(primary-emphasis) ) !default;
@@ -22,6 +28,13 @@ $kendo-chart-wizard-icon-area-focus-shadow: var( --kendo-chart-wizard-icon-area-
22
28
  /// @group chart-wizard
23
29
  $kendo-chart-wizard-icon-area-selected-shadow: var( --kendo-chart-wizard-icon-area-selected-shadow, inset 0 0 0 1px $kendo-chart-wizard-icon-area-color ) !default;
24
30
 
31
+ /// The border color of the selected area around the chart type icon.
32
+ /// @group chart-wizard
33
+ $kendo-chart-wizard-icon-area-selected-border-color: null !default;
34
+ /// The background color of the selected area around the chart type icon.
35
+ /// @group chart-wizard
36
+ $kendo-chart-wizard-icon-area-selected-bg: null !default;
37
+
25
38
  /// The color of the selected chart type items in the Property panel.
26
39
  /// @group chart-wizard
27
40
  $kendo-chart-wizard-chart-type-selected-color: var( --kendo-chart-wizard-chart-type-selected-color, k-color(primary) ) !default;
@@ -44,9 +57,13 @@ $kendo-chart-wizard-icon-text-gap: var( --kendo-chart-wizard-icon-text-gap, k-sp
44
57
  $kendo-chart-wizard-icon-area-color: $kendo-chart-wizard-icon-area-color,
45
58
  $kendo-chart-wizard-icon-area-bg: $kendo-chart-wizard-icon-area-bg,
46
59
  $kendo-chart-wizard-icon-area-border-radius: $kendo-chart-wizard-icon-area-border-radius,
60
+ $kendo-chart-wizard-icon-area-border-width: $kendo-chart-wizard-icon-area-border-width,
61
+ $kendo-chart-wizard-icon-area-border-color: $kendo-chart-wizard-icon-area-border-color,
47
62
  $kendo-chart-wizard-icon-area-padding: $kendo-chart-wizard-icon-area-padding,
48
63
  $kendo-chart-wizard-icon-area-focus-shadow: $kendo-chart-wizard-icon-area-focus-shadow,
49
64
  $kendo-chart-wizard-icon-area-selected-shadow: $kendo-chart-wizard-icon-area-selected-shadow,
65
+ $kendo-chart-wizard-icon-area-selected-border-color: $kendo-chart-wizard-icon-area-selected-border-color,
66
+ $kendo-chart-wizard-icon-area-selected-bg: $kendo-chart-wizard-icon-area-selected-bg,
50
67
  $kendo-chart-wizard-chart-type-selected-color: $kendo-chart-wizard-chart-type-selected-color,
51
68
  $kendo-chart-wizard-preview-pane-padding: $kendo-chart-wizard-preview-pane-padding,
52
69
  $kendo-chart-wizard-property-pane-padding: $kendo-chart-wizard-property-pane-padding,
package/scss/chat/_variables.scss CHANGED
@@ -19,6 +19,9 @@ $kendo-chat-height: var( --kendo-chat-height, 320px ) !default;
19
19
  /// The border width of the Chat.
20
20
  /// @group chat
21
21
  $kendo-chat-border-width: var( --kendo-chat-border-width, 1px ) !default;
22
+ /// The border radius of the Chat.
23
+ /// @group chat
24
+ $kendo-chat-border-radius: var( --kendo-chat-border-radius, null ) !default;
22
25
  /// The font family of the Chat.
23
26
  /// @group chat
24
27
  $kendo-chat-font-family: var( --kendo-chat-font-family, var(--kendo-font-family) ) !default;
@@ -237,6 +240,7 @@ $kendo-chat-message-reference-marker-alt-bg: var( --kendo-chat-message-reference
237
240
  $kendo-chat-width: $kendo-chat-width,
238
241
  $kendo-chat-height: $kendo-chat-height,
239
242
  $kendo-chat-border-width: $kendo-chat-border-width,
243
+ $kendo-chat-border-radius: $kendo-chat-border-radius,
240
244
  $kendo-chat-font-family: $kendo-chat-font-family,
241
245
  $kendo-chat-font-size: $kendo-chat-font-size,
242
246
  $kendo-chat-line-height: $kendo-chat-line-height,
package/scss/column-menu/_variables.scss CHANGED
@@ -26,6 +26,10 @@ $kendo-column-menu-item-lg-padding-x: var( --kendo-column-menu-item-lg-padding-x
26
26
  /// @group column-menu
27
27
  $kendo-column-menu-item-lg-padding-y: var( --kendo-column-menu-item-lg-padding-y, k-spacing(2) ) !default;
28
28
 
29
+ /// The vertical padding of the ColumnMenu item wrapper.
30
+ /// @group column-menu
31
+ $kendo-column-menu-item-wrapper-padding-y: null !default;
32
+
29
33
  /// The font size of the small ColumnMenu.
30
34
  /// @group column-menu
31
35
  $kendo-column-menu-sm-font-size: var( --kendo-column-menu-sm-font-size, var(--kendo-font-size) ) !default;
@@ -64,6 +68,10 @@ $kendo-group-menu-item-add-action-text: var( --kendo-group-menu-item-add-action-
64
68
  /// @group column-menu
65
69
  $kendo-group-menu-item-border: var( --kendo-group-menu-item-border, color-mix(in srgb, k-color(border) 16%, transparent) ) !default;
66
70
 
71
+ /// The border radius of the ColumnMenu list item.
72
+ /// @group column-menu
73
+ $kendo-column-list-item-border-radius: null !default;
74
+
67
75
  @forward "@progress/kendo-theme-core/scss/components/column-menu/_variables.scss" with (
68
76
  $kendo-column-menu-default-size: $kendo-column-menu-default-size,
69
77
  $kendo-column-menu-item-sm-padding-x: $kendo-column-menu-item-sm-padding-x,
@@ -72,6 +80,7 @@ $kendo-group-menu-item-border: var( --kendo-group-menu-item-border, color-mix(in
72
80
  $kendo-column-menu-item-md-padding-y: $kendo-column-menu-item-md-padding-y,
73
81
  $kendo-column-menu-item-lg-padding-x: $kendo-column-menu-item-lg-padding-x,
74
82
  $kendo-column-menu-item-lg-padding-y: $kendo-column-menu-item-lg-padding-y,
83
+ $kendo-column-menu-item-wrapper-padding-y: $kendo-column-menu-item-wrapper-padding-y,
75
84
  $kendo-column-menu-sm-font-size: $kendo-column-menu-sm-font-size,
76
85
  $kendo-column-menu-md-font-size: $kendo-column-menu-md-font-size,
77
86
  $kendo-column-menu-lg-font-size: $kendo-column-menu-lg-font-size,
@@ -82,5 +91,6 @@ $kendo-group-menu-item-border: var( --kendo-group-menu-item-border, color-mix(in
82
91
  $kendo-group-menu-item-action-hover-bg: $kendo-group-menu-item-action-hover-bg,
83
92
  $kendo-group-menu-item-action-selected-bg: $kendo-group-menu-item-action-selected-bg,
84
93
  $kendo-group-menu-item-add-action-text: $kendo-group-menu-item-add-action-text,
85
- $kendo-group-menu-item-border: $kendo-group-menu-item-border
94
+ $kendo-group-menu-item-border: $kendo-group-menu-item-border,
95
+ $kendo-column-list-item-border-radius: $kendo-column-list-item-border-radius
86
96
  );
package/scss/dataviz/_variables.scss CHANGED
@@ -192,6 +192,9 @@ $kendo-series-30: $kendo-series-f-darker !default;
192
192
  /// The border width of the chart component.
193
193
  /// @group charts
194
194
  $kendo-chart-border-width: var( --kendo-chart-border-width, 0px ) !default;
195
+ /// The border radius of the chart component.
196
+ /// @group charts
197
+ $kendo-chart-border-radius: null !default;
195
198
  /// The font-family of the chart component.
196
199
  /// @group charts
197
200
  $kendo-chart-font-family: var( --kendo-chart-font-family, var(--kendo-font-family) ) !default;
@@ -338,6 +341,9 @@ $kendo-treemap-padding-x: var( --kendo-treemap-padding-x, k-spacing(1) ) !defaul
338
341
  /// The vertical padding of the treemap.
339
342
  /// @group charts
340
343
  $kendo-treemap-padding-y: var( --kendo-treemap-padding-y, k-spacing(0.5) ) !default;
344
+ /// The border radius of the TreeMap.
345
+ /// @group charts
346
+ $kendo-treemap-border-radius: null !default;
341
347
  /// The background color of the treemap.
342
348
  /// @group charts
343
349
  $kendo-treemap-bg: var( --kendo-treemap-bg, k-color(surface-alt) ) !default;
@@ -447,6 +453,7 @@ $kendo-gauge-track-bg: k-color(base-emphasis) !default;
447
453
  $kendo-series-29: $kendo-series-29,
448
454
  $kendo-series-30: $kendo-series-30,
449
455
  $kendo-chart-border-width: $kendo-chart-border-width,
456
+ $kendo-chart-border-radius: $kendo-chart-border-radius,
450
457
  $kendo-chart-font-family: $kendo-chart-font-family,
451
458
  $kendo-chart-font-size: $kendo-chart-font-size,
452
459
  $kendo-chart-line-height: $kendo-chart-line-height,
@@ -483,6 +490,7 @@ $kendo-gauge-track-bg: k-color(base-emphasis) !default;
483
490
  $kendo-treemap-line-height: $kendo-treemap-line-height,
484
491
  $kendo-treemap-padding-x: $kendo-treemap-padding-x,
485
492
  $kendo-treemap-padding-y: $kendo-treemap-padding-y,
493
+ $kendo-treemap-border-radius: $kendo-treemap-border-radius,
486
494
  $kendo-chart-overlay-bg: $kendo-chart-overlay-bg,
487
495
  $kendo-chart-no-data-font-size: $kendo-chart-no-data-font-size,
488
496
  $kendo-chart-no-data-font-weight: $kendo-chart-no-data-font-weight,
package/scss/dock-manager/_variables.scss CHANGED
@@ -10,6 +10,9 @@ $kendo-dock-manager-border-style: var( --kendo-dock-manager-border-style, solid
10
10
  /// The color of the border around the DockManager component.
11
11
  /// @group dock-manager
12
12
  $kendo-dock-manager-border: var( --kendo-dock-manager-border, color-mix(in srgb, k-color(border) 26%, transparent) ) !default;
13
+ /// The border radius of the DockManager.
14
+ /// @group dock-manager
15
+ $kendo-dock-manager-border-radius: var( --kendo-dock-manager-border-radius, null ) !default;
13
16
 
14
17
  /// The vertical padding of the pane header in the DockManager component.
15
18
  /// @group dock-manager
@@ -122,6 +125,7 @@ $kendo-dock-manager-dock-preview-border: var( --kendo-dock-manager-dock-preview-
122
125
  $kendo-dock-manager-border-width: $kendo-dock-manager-border-width,
123
126
  $kendo-dock-manager-border-style: $kendo-dock-manager-border-style,
124
127
  $kendo-dock-manager-border: $kendo-dock-manager-border,
128
+ $kendo-dock-manager-border-radius: $kendo-dock-manager-border-radius,
125
129
  $kendo-dock-manager-pane-header-padding-y: $kendo-dock-manager-pane-header-padding-y,
126
130
  $kendo-dock-manager-pane-header-padding-x: $kendo-dock-manager-pane-header-padding-x,
127
131
  $kendo-dock-manager-pane-header-border-width: $kendo-dock-manager-pane-header-border-width,
package/scss/dropzone/_variables.scss CHANGED
@@ -10,6 +10,9 @@ $kendo-dropzone-padding-y: var( --kendo-dropzone-padding-y, #{k-spacing(2)} ) !d
10
10
  /// The border width of the DropZone.
11
11
  /// @group dropzone
12
12
  $kendo-dropzone-border-width: var( --kendo-dropzone-border-width, 1px ) !default;
13
+ /// The border radius of the DropZone.
14
+ /// @group dropzone
15
+ $kendo-dropzone-border-radius: null !default;
13
16
  /// The minimum height of the DropZone.
14
17
  /// @group dropzone
15
18
  $kendo-dropzone-min-height: var( --kendo-dropzone-min-height, 220px ) !default;
@@ -74,6 +77,7 @@ $kendo-dropzone-note-text: var( --kendo-dropzone-note-text, #{k-color(subtle)} )
74
77
  $kendo-dropzone-padding-x: $kendo-dropzone-padding-x,
75
78
  $kendo-dropzone-padding-y: $kendo-dropzone-padding-y,
76
79
  $kendo-dropzone-border-width: $kendo-dropzone-border-width,
80
+ $kendo-dropzone-border-radius: $kendo-dropzone-border-radius,
77
81
  $kendo-dropzone-min-height: $kendo-dropzone-min-height,
78
82
  $kendo-dropzone-font-family: $kendo-dropzone-font-family,
79
83
  $kendo-dropzone-font-size: $kendo-dropzone-font-size,
package/scss/editor/_variables.scss CHANGED
@@ -5,6 +5,9 @@
5
5
  /// The width of the border around the Еditor.
6
6
  /// @group editor
7
7
  $kendo-editor-border-width: var( --kendo-editor-border-width, 1px ) !default;
8
+ /// The border radius of the Editor.
9
+ /// @group editor
10
+ $kendo-editor-border-radius: var( --kendo-editor-border-radius, null ) !default;
8
11
  /// The font family of the Еditor.
9
12
  /// @group editor
10
13
  $kendo-editor-font-family: var( --kendo-editor-font-family, var(--kendo-font-family) ) !default;
@@ -89,6 +92,7 @@ $kendo-editor-ct-popup-border: var( --kendo-editor-ct-popup-border, #{color-mix(
89
92
 
90
93
  @forward "@progress/kendo-theme-core/scss/components/editor/_variables.scss" with (
91
94
  $kendo-editor-border-width: $kendo-editor-border-width,
95
+ $kendo-editor-border-radius: $kendo-editor-border-radius,
92
96
  $kendo-editor-font-family: $kendo-editor-font-family,
93
97
  $kendo-editor-font-size: $kendo-editor-font-size,
94
98
  $kendo-editor-line-height: $kendo-editor-line-height,
package/scss/expansion-panel/_variables.scss CHANGED
@@ -7,6 +7,9 @@ $kendo-expander-margin-y: var( --kendo-expander-margin-y, k-spacing(2) ) !defaul
7
7
  /// The width of the border around the ExpansionPanel.
8
8
  /// @group expander
9
9
  $kendo-expander-border-width: var( --kendo-expander-border-width, 1px ) !default;
10
+ /// The border radius of the ExpansionPanel.
11
+ /// @group expander
12
+ $kendo-expander-border-radius: null !default;
10
13
  /// The font family of the ExpansionPanel.
11
14
  /// @group expander
12
15
  $kendo-expander-font-family: var( --kendo-expander-font-family, var(--kendo-font-family) ) !default;
@@ -70,6 +73,12 @@ $kendo-expander-header-bg: var( --kendo-expander-header-bg, inherit ) !default;
70
73
  /// @group expander
71
74
  $kendo-expander-header-hover-bg: var( --kendo-expander-header-hover-bg, k-color(base-hover) ) !default;
72
75
 
76
+ /// The font weight of the ExpansionPanel title.
77
+ /// @group expander
78
+ $kendo-expander-title-font-weight: null !default;
79
+ /// The text transform of the ExpansionPanel title.
80
+ /// @group expander
81
+ $kendo-expander-title-text-transform: null !default;
73
82
  /// The text color of the ExpansionPanel title.
74
83
  /// @group expander
75
84
  $kendo-expander-title-text: var( --kendo-expander-title-text, k-color(on-app-surface) ) !default;
@@ -94,6 +103,7 @@ $kendo-expander-content-padding-y: var( --kendo-expander-content-padding-y, k-sp
94
103
 
95
104
  @forward "@progress/kendo-theme-core/scss/components/expansion-panel/_variables.scss" with (
96
105
  $kendo-expander-border-width: $kendo-expander-border-width,
106
+ $kendo-expander-border-radius: $kendo-expander-border-radius,
97
107
  $kendo-expander-font-family: $kendo-expander-font-family,
98
108
  $kendo-expander-font-size: $kendo-expander-font-size,
99
109
  $kendo-expander-line-height: $kendo-expander-line-height,
@@ -106,6 +116,8 @@ $kendo-expander-content-padding-y: var( --kendo-expander-content-padding-y, k-sp
106
116
  $kendo-expander-header-text: $kendo-expander-header-text,
107
117
  $kendo-expander-header-bg: $kendo-expander-header-bg,
108
118
  $kendo-expander-header-hover-bg: $kendo-expander-header-hover-bg,
119
+ $kendo-expander-title-font-weight: $kendo-expander-title-font-weight,
120
+ $kendo-expander-title-text-transform: $kendo-expander-title-text-transform,
109
121
  $kendo-expander-title-text: $kendo-expander-title-text,
110
122
  $kendo-expander-header-sub-title-text: $kendo-expander-header-sub-title-text,
111
123
  $kendo-expander-indicator-margin-x: $kendo-expander-indicator-margin-x,
package/scss/file-box/_variables.scss CHANGED
@@ -11,6 +11,9 @@ $kendo-file-box-padding-y: var(--kendo-file-box-padding-y, k-spacing(1) ) !defau
11
11
  /// The spacing between the elements of the File Box.
12
12
  /// @group file-box
13
13
  $kendo-file-box-gap: var(--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: var(--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: var(--kendo-file-box-min-width, var(--kendo-file-box-min-width, 96px) ) !default;
@@ -49,6 +52,10 @@ $kendo-file-box-text: var(--kendo-file-box-text, k-color(base-on-subtle) ) !defa
49
52
  /// @group file-box
50
53
  $kendo-file-box-border: var(--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: var(--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: var(--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: var(--kendo-file-box-wrapper-scroll-gra
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: var(--kendo-file-box-wrapper-scroll-gra
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
  );
package/scss/filemanager/_variables.scss CHANGED
@@ -9,6 +9,9 @@ $kendo-file-manager-spacer: k-spacing(4) !default;
9
9
  /// The border width of the FileManager.
10
10
  /// @group file-manager
11
11
  $kendo-file-manager-border-width: var( --kendo-file-manager-border-width, 1px ) !default;
12
+ /// The border radius of the FileManager.
13
+ /// @group file-manager
14
+ $kendo-file-manager-border-radius: var( --kendo-file-manager-border-radius, null ) !default;
12
15
  /// The font family of the FileManager.
13
16
  /// @group file-manager
14
17
  $kendo-file-manager-font-family: var( --kendo-file-manager-font-family, var(--kendo-font-family) ) !default;
@@ -184,6 +187,7 @@ $kendo-file-manager-preview-icon-border: var( --kendo-file-manager-preview-icon-
184
187
  @forward "@progress/kendo-theme-core/scss/components/filemanager/variables" with (
185
188
  $kendo-file-manager-spacer: $kendo-file-manager-spacer,
186
189
  $kendo-file-manager-border-width: $kendo-file-manager-border-width,
190
+ $kendo-file-manager-border-radius: $kendo-file-manager-border-radius,
187
191
  $kendo-file-manager-font-family: $kendo-file-manager-font-family,
188
192
  $kendo-file-manager-font-size: $kendo-file-manager-font-size,
189
193
  $kendo-file-manager-line-height: $kendo-file-manager-line-height,
package/scss/filter/_variables.scss CHANGED
@@ -8,6 +8,10 @@ $kendo-filter-padding-x: var( --kendo-filter-padding-x, #{k-spacing(2)} ) !defau
8
8
  /// @group filter
9
9
  $kendo-filter-padding-y: var( --kendo-filter-padding-y, #{k-spacing(1)} ) !default;
10
10
 
11
+ /// The border radius of the Filter.
12
+ /// @group filter
13
+ $kendo-filter-border-radius: null !default;
14
+
11
15
  /// The bottom margin of the Filter.
12
16
  /// @group filter
13
17
  $kendo-filter-bottom-margin: var( --kendo-filter-bottom-margin, #{k-spacing(7.5)} ) !default;
@@ -44,6 +48,7 @@ $kendo-filter-toolbar-focus-border: var( --kendo-filter-toolbar-focus-border, #{
44
48
  @forward "@progress/kendo-theme-core/scss/components/filter/variables" with (
45
49
  $kendo-filter-padding-x: $kendo-filter-padding-x,
46
50
  $kendo-filter-padding-y: $kendo-filter-padding-y,
51
+ $kendo-filter-border-radius: $kendo-filter-border-radius,
47
52
  $kendo-filter-bottom-margin: $kendo-filter-bottom-margin,
48
53
  $kendo-filter-line-size: $kendo-filter-line-size,
49
54
  $kendo-filter-operator-dropdown-width: $kendo-filter-operator-dropdown-width,
package/scss/forms/_variables.scss CHANGED
@@ -54,6 +54,9 @@ $kendo-form-legend-width: var(--kendo-form-legend-width, 100%) !default;
54
54
  /// The font size of the Form legend.
55
55
  /// @group form
56
56
  $kendo-form-legend-font-size: var(--kendo-form-legend-font-size, var(--kendo-font-size)) !default;
57
+ /// The font weight of the Form legend.
58
+ /// @group form
59
+ $kendo-form-legend-font-weight: null !default;
57
60
 
58
61
  /// The text capitalization of the Form legend.
59
62
  /// @group form
@@ -63,6 +66,16 @@ $kendo-form-legend-text-transform: var(--kendo-form-legend-text-transform, upper
63
66
  /// @group form
64
67
  $kendo-form-label-margin-bottom: var(--kendo-form-label-margin-bottom, #{k-spacing(2)}) !default;
65
68
 
69
+ /// The font size of the Form label.
70
+ /// @group form
71
+ $kendo-label-font-size: var(--kendo-label-font-size, inherit) !default;
72
+ /// The font weight of the Form label.
73
+ /// @group form
74
+ $kendo-label-font-weight: var(--kendo-label-font-weight, inherit) !default;
75
+ /// The line height of the Form label.
76
+ /// @group form
77
+ $kendo-label-line-height: var(--kendo-label-line-height, inherit) !default;
78
+
66
79
  /// The font size of the Form hint.
67
80
  /// @group form
68
81
  $kendo-form-hint-font-size: var(--kendo-form-hint-font-size, var(--kendo-font-size-sm)) !default;
@@ -134,6 +147,9 @@ $kendo-label-optional-font-size: var(--kendo-label-optional-font-size, var(--ken
134
147
  /// The font style of the optional label in the Form.
135
148
  /// @group form
136
149
  $kendo-label-optional-font-style: var(--kendo-label-optional-font-style, normal) !default;
150
+ /// The font weight of the optional label in the Form.
151
+ /// @group form
152
+ $kendo-label-optional-font-weight: var(--kendo-label-optional-font-weight, inherit) !default;
137
153
 
138
154
  /// The margin of the Form fieldset.
139
155
  /// @group form
@@ -157,8 +173,12 @@ $kendo-fieldset-legend-text: var(--kendo-fieldset-legend-text, #{k-color(subtle)
157
173
  $kendo-form-legend-border-color: $kendo-form-legend-border-color,
158
174
  $kendo-form-legend-width: $kendo-form-legend-width,
159
175
  $kendo-form-legend-font-size: $kendo-form-legend-font-size,
176
+ $kendo-form-legend-font-weight: $kendo-form-legend-font-weight,
160
177
  $kendo-form-legend-text-transform: $kendo-form-legend-text-transform,
161
178
  $kendo-form-label-margin-bottom: $kendo-form-label-margin-bottom,
179
+ $kendo-label-font-size: $kendo-label-font-size,
180
+ $kendo-label-font-weight: $kendo-label-font-weight,
181
+ $kendo-label-line-height: $kendo-label-line-height,
162
182
  $kendo-form-hint-font-size: $kendo-form-hint-font-size,
163
183
  $kendo-form-hint-font-style: $kendo-form-hint-font-style,
164
184
  $kendo-form-hint-margin-top: $kendo-form-hint-margin-top,
@@ -176,6 +196,7 @@ $kendo-fieldset-legend-text: var(--kendo-fieldset-legend-text, #{k-color(subtle)
176
196
  $kendo-label-optional-margin-x: $kendo-label-optional-margin-x,
177
197
  $kendo-label-optional-font-size: $kendo-label-optional-font-size,
178
198
  $kendo-label-optional-font-style: $kendo-label-optional-font-style,
199
+ $kendo-label-optional-font-weight: $kendo-label-optional-font-weight,
179
200
  $kendo-fieldset-margin: $kendo-fieldset-margin,
180
201
  $kendo-fieldset-legend-text: $kendo-fieldset-legend-text
181
202
  );
package/scss/gantt/_variables.scss CHANGED
@@ -6,6 +6,9 @@
6
6
  /// The border width of the Gantt.
7
7
  /// @group gantt
8
8
  $kendo-gantt-border-width: var(--kendo-gantt-border-width, 1px) !default;
9
+ /// The border radius of the Gantt.
10
+ /// @group gantt
11
+ $kendo-gantt-border-radius: var(--kendo-gantt-border-radius, null) !default;
9
12
  /// The font family of the Gantt.
10
13
  /// @group gantt
11
14
  $kendo-gantt-font-family: var(--kendo-gantt-font-family, var(--kendo-font-family)) !default;
@@ -243,6 +246,7 @@ $kendo-gantt-validation-tooltip-invalid-border: var(--kendo-gantt-validation-too
243
246
 
244
247
  @forward "@progress/kendo-theme-core/scss/components/gantt/_variables.scss" with (
245
248
  $kendo-gantt-border-width: $kendo-gantt-border-width,
249
+ $kendo-gantt-border-radius: $kendo-gantt-border-radius,
246
250
  $kendo-gantt-font-family: $kendo-gantt-font-family,
247
251
  $kendo-gantt-font-size: $kendo-gantt-font-size,
248
252
  $kendo-gantt-line-height: $kendo-gantt-line-height,
package/scss/grid/_theme.scss CHANGED
@@ -10,15 +10,6 @@
10
10
 
11
11
  @include kendo-grid--theme-base();
12
12
 
13
- .k-grouping-header,
14
- .k-grid-grouping-header {
15
- @include fill(
16
- $kendo-grid-grouping-header-text,
17
- $kendo-grid-grouping-header-bg,
18
- $kendo-grid-grouping-header-border
19
- );
20
- }
21
-
22
13
  .k-group-footer .k-table-td,
23
14
  .k-grouping-row .k-table-td,
24
15
  .k-table-tbody .k-group-cell {
package/scss/grid/_variables.scss CHANGED
@@ -15,6 +15,9 @@ $kendo-grid-default-size: "md" !default;
15
15
  /// The border width of the Grid.
16
16
  /// @group grid
17
17
  $kendo-grid-border-width: var( --kendo-grid-border-width, 1px ) !default;
18
+ /// The border radius of the Grid.
19
+ /// @group grid
20
+ $kendo-grid-border-radius: null !default;
18
21
  /// The border style of the Grid.
19
22
  /// @group grid
20
23
  $kendo-grid-border-style: var( --kendo-grid-border-style, solid ) !default;
@@ -575,6 +578,7 @@ $kendo-grid-pinned-source-font-weight: var(--kendo-font-weight-semibold) !defaul
575
578
  @forward "@progress/kendo-theme-core/scss/components/grid/_variables.scss" with (
576
579
  $kendo-grid-default-size: $kendo-grid-default-size,
577
580
  $kendo-grid-border-width: $kendo-grid-border-width,
581
+ $kendo-grid-border-radius: $kendo-grid-border-radius,
578
582
  $kendo-grid-font-family: $kendo-grid-font-family,
579
583
  $kendo-grid-font-size: $kendo-grid-font-size,
580
584
  $kendo-grid-line-height: $kendo-grid-line-height,
@@ -584,6 +588,9 @@ $kendo-grid-pinned-source-font-weight: var(--kendo-font-weight-semibold) !defaul
584
588
  $kendo-grid-header-padding-y: $kendo-grid-header-padding-y,
585
589
  $kendo-grid-grouping-header-padding-x: $kendo-grid-grouping-header-padding-x,
586
590
  $kendo-grid-grouping-header-padding-y: $kendo-grid-grouping-header-padding-y,
591
+ $kendo-grid-grouping-header-bg: $kendo-grid-grouping-header-bg,
592
+ $kendo-grid-grouping-header-text: $kendo-grid-grouping-header-text,
593
+ $kendo-grid-grouping-header-border: $kendo-grid-grouping-header-border,
587
594
  $kendo-grid-cell-padding-x: $kendo-grid-cell-padding-x,
588
595
  $kendo-grid-cell-padding-y: $kendo-grid-cell-padding-y,
589
596
  $kendo-grid-filter-cell-padding-x: $kendo-grid-filter-cell-padding-x,
package/scss/imageeditor/_variables.scss CHANGED
@@ -27,6 +27,9 @@ $kendo-image-editor-padding-x: var( --kendo-image-editor-padding-x, #{k-spacing(
27
27
  /// Border width of the imageeditor.
28
28
  /// @group image-editor
29
29
  $kendo-image-editor-border-width: var( --kendo-image-editor-border-width, 1px ) !default;
30
+ /// The border radius of the ImageEditor.
31
+ /// @group image-editor
32
+ $kendo-image-editor-border-radius: var( --kendo-image-editor-border-radius, null ) !default;
30
33
  /// Font size of the imageeditor.
31
34
  /// @group image-editor
32
35
  $kendo-image-editor-font-size: var( --kendo-image-editor-font-size, var(--kendo-font-size) ) !default;
@@ -113,6 +116,7 @@ $kendo-image-editor-resize-left-offset: var( --kendo-image-editor-resize-left-of
113
116
  $kendo-image-editor-padding-y: $kendo-image-editor-padding-y,
114
117
  $kendo-image-editor-padding-x: $kendo-image-editor-padding-x,
115
118
  $kendo-image-editor-border-width: $kendo-image-editor-border-width,
119
+ $kendo-image-editor-border-radius: $kendo-image-editor-border-radius,
116
120
  $kendo-image-editor-font-size: $kendo-image-editor-font-size,
117
121
  $kendo-image-editor-line-height: $kendo-image-editor-line-height,
118
122
  $kendo-image-editor-font-family: $kendo-image-editor-font-family,
package/scss/listbox/_variables.scss CHANGED
@@ -43,6 +43,16 @@ $kendo-listbox-drop-hint-width: var( --kendo-listbox-drop-hint-width, 1px ) !def
43
43
  /// @group listbox
44
44
  $kendo-listbox-drop-hint-border-color: var( --kendo-listbox-drop-hint-border-color, #{k-color(primary)} ) !default;
45
45
 
46
+ /// The horizontal padding of the ListBox scroller.
47
+ /// @group listbox
48
+ $kendo-listbox-scroller-padding-x: null !default;
49
+ /// The vertical padding of the ListBox scroller.
50
+ /// @group listbox
51
+ $kendo-listbox-scroller-padding-y: null !default;
52
+ /// The border radius of the ListBox.
53
+ /// @group listbox
54
+ $kendo-listbox-border-radius: null !default;
55
+
46
56
  @forward "@progress/kendo-theme-core/scss/components/listbox/_variables.scss" with (
47
57
  $kendo-listbox-spacing: $kendo-listbox-spacing,
48
58
  $kendo-listbox-button-spacing: $kendo-listbox-button-spacing,
@@ -55,5 +65,8 @@ $kendo-listbox-drop-hint-border-color: var( --kendo-listbox-drop-hint-border-col
55
65
  $kendo-listbox-text: $kendo-listbox-text,
56
66
  $kendo-listbox-bg: $kendo-listbox-bg,
57
67
  $kendo-listbox-border: $kendo-listbox-border,
58
- $kendo-listbox-drop-hint-width: $kendo-listbox-drop-hint-width
68
+ $kendo-listbox-drop-hint-width: $kendo-listbox-drop-hint-width,
69
+ $kendo-listbox-scroller-padding-x: $kendo-listbox-scroller-padding-x,
70
+ $kendo-listbox-scroller-padding-y: $kendo-listbox-scroller-padding-y,
71
+ $kendo-listbox-border-radius: $kendo-listbox-border-radius
59
72
  );
package/scss/listview/_variables.scss CHANGED
@@ -61,6 +61,9 @@ $kendo-listview-item-focus-border: var( --kendo-listview-item-focus-border, init
61
61
  /// The box shadow of the focused ListView items.
62
62
  /// @group listview
63
63
  $kendo-listview-item-focus-shadow: var( --kendo-listview-item-focus-shadow, var( --kendo-list-item-focus-shadow, $kendo-list-item-focus-shadow ) ) !default;
64
+ /// The border radius of the ListView items.
65
+ /// @group listview
66
+ $kendo-listview-item-border-radius: null !default;
64
67
 
65
68
 
66
69
  @forward "@progress/kendo-theme-core/scss/components/listview/_variables.scss" with (
@@ -81,5 +84,6 @@ $kendo-listview-item-focus-shadow: var( --kendo-listview-item-focus-shadow, var(
81
84
  $kendo-listview-item-focus-text: $kendo-listview-item-focus-text,
82
85
  $kendo-listview-item-focus-bg: $kendo-listview-item-focus-bg,
83
86
  $kendo-listview-item-focus-border: $kendo-listview-item-focus-border,
84
- $kendo-listview-item-focus-shadow: $kendo-listview-item-focus-shadow
87
+ $kendo-listview-item-focus-shadow: $kendo-listview-item-focus-shadow,
88
+ $kendo-listview-item-border-radius: $kendo-listview-item-border-radius
85
89
  );