@progress/kendo-theme-fluent 14.5.1-dev.3 → 14.5.1-dev.5

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 (26) 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 +3556 -1530
  7. package/dist/meta/sassdoc-raw-data.json +1776 -870
  8. package/dist/meta/variables.json +233 -41
  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/dock-manager/_variables.scss +2 -2
  16. package/scss/floating-toolbar/_index.scss +20 -0
  17. package/scss/floating-toolbar/_layout.scss +7 -0
  18. package/scss/floating-toolbar/_theme.scss +5 -0
  19. package/scss/floating-toolbar/_variables.scss +10 -0
  20. package/scss/index.scss +3 -0
  21. package/scss/menu/_layout.scss +0 -6
  22. package/scss/menu/_theme.scss +41 -4
  23. package/scss/menu/_variables.scss +155 -15
  24. package/scss/scheduler/_variables.scss +8 -3
  25. package/scss/segmented-control/_variables.scss +5 -0
  26. package/scss/toolbar/_variables.scss +1 -6
package/scss/index.scss CHANGED
@@ -43,6 +43,7 @@
43
43
  @forward "./menu-button/_index.scss";
44
44
  @forward "./split-button/_index.scss";
45
45
  @forward "./toolbar/_index.scss";
46
+ @forward "./floating-toolbar/_index.scss";
46
47
  @forward "./forms/_index.scss";
47
48
  @forward "./validator/_index.scss";
48
49
  @forward "./calendar/_index.scss";
@@ -228,6 +229,7 @@
228
229
  @use "./fab/index.scss" as *;
229
230
  @use "./menu/index.scss" as *;
230
231
  @use "./toolbar/index.scss" as *;
232
+ @use "./floating-toolbar/index.scss" as *;
231
233
 
232
234
 
233
235
  // Popups and modals
@@ -410,6 +412,7 @@
410
412
  @include kendo-fab--styles();
411
413
  @include kendo-menu--styles();
412
414
  @include kendo-toolbar--styles();
415
+ @include kendo-floating-toolbar--styles();
413
416
 
414
417
 
415
418
  // Popups and modals
package/scss/menu/_layout.scss CHANGED
@@ -21,7 +21,6 @@
21
21
  outline-offset: $kendo-menu-item-focus-outline-offset;
22
22
  outline-width: $kendo-menu-item-focus-outline-width;
23
23
  outline-style: $kendo-menu-item-focus-outline-style;
24
- border-radius: k-border-radius(md);
25
24
  }
26
25
  }
27
26
 
@@ -32,11 +31,6 @@
32
31
  }
33
32
  }
34
33
 
35
- .k-menu-group {
36
- padding: k-spacing(1);
37
- gap: k-spacing(0.5);
38
- }
39
-
40
34
  // Sub menu group focus styles
41
35
  .k-menu-group,
42
36
  .k-menu.k-context-menu {
package/scss/menu/_theme.scss CHANGED
@@ -9,6 +9,29 @@
9
9
  box-shadow: $kendo-menu-shadow;
10
10
 
11
11
  > .k-item {
12
+ > .k-menu-link > .k-menu-link-icon {
13
+ color: $kendo-menu-icon-color;
14
+ }
15
+
16
+ &:hover,
17
+ &.k-hover {
18
+ > .k-menu-link > .k-menu-link-icon {
19
+ color: $kendo-menu-item-hover-icon-text;
20
+ }
21
+ }
22
+
23
+ &:active,
24
+ &.k-active {
25
+ > .k-menu-link > .k-menu-link-icon {
26
+ color: $kendo-menu-item-active-icon-text;
27
+ }
28
+ }
29
+
30
+ &.k-selected {
31
+ > .k-menu-link > .k-menu-link-icon {
32
+ color: $kendo-menu-item-selected-icon-text;
33
+ }
34
+ }
12
35
 
13
36
  &:focus,
14
37
  &.k-focus {
@@ -22,10 +45,6 @@
22
45
  background-color: $kendo-menu-item-disabled-bg;
23
46
  }
24
47
  }
25
-
26
- .k-link > .k-icon {
27
- color: $kendo-menu-icon-color;
28
- }
29
48
  }
30
49
 
31
50
  .k-menu-popup {
@@ -37,6 +56,24 @@
37
56
  .k-item {
38
57
 
39
58
  & > .k-link {
59
+ > .k-menu-link-icon {
60
+ color: $kendo-menu-icon-color;
61
+ }
62
+
63
+ &:hover,
64
+ &.k-hover {
65
+ > .k-menu-link-icon {
66
+ color: $kendo-menu-popup-item-hover-icon-text;
67
+ }
68
+ }
69
+
70
+ &:active,
71
+ &.k-active,
72
+ &.k-selected {
73
+ > .k-menu-link-icon {
74
+ color: $kendo-menu-popup-item-active-icon-text;
75
+ }
76
+ }
40
77
 
41
78
  &.k-disabled {
42
79
  color: $kendo-menu-popup-item-disabled-text;
package/scss/menu/_variables.scss CHANGED
@@ -4,6 +4,11 @@
4
4
  @use "../list/_variables.scss"as *;
5
5
  @use "../popup/_variables.scss"as *;
6
6
 
7
+ /// The default size of the Menu.
8
+ /// @group menu
9
+ /// @role default
10
+ $kendo-menu-default-size: "md" !default;
11
+
7
12
  /// The default size of the Menu group.
8
13
  /// @group menu
9
14
  /// @role default
@@ -23,6 +28,20 @@ $kendo-menu-font-size: var( --kendo-menu-font-size, var(--kendo-font-size) ) !de
23
28
  /// @group menu
24
29
  $kendo-menu-line-height: var( --kendo-menu-line-height, var(--kendo-line-height) ) !default;
25
30
 
31
+ /// The font size of the small Menu.
32
+ /// @group menu
33
+ $kendo-menu-sm-font-size: var( --kendo-menu-sm-font-size, var(--kendo-font-size-sm) ) !default;
34
+ /// The font size of the large Menu.
35
+ /// @group menu
36
+ $kendo-menu-lg-font-size: var( --kendo-menu-lg-font-size, var(--kendo-font-size-lg) ) !default;
37
+
38
+ /// The line height of the small Menu.
39
+ /// @group menu
40
+ $kendo-menu-sm-line-height: var( --kendo-menu-sm-line-height, var(--kendo-line-height-lg) ) !default;
41
+ /// The line height of the large Menu.
42
+ /// @group menu
43
+ $kendo-menu-lg-line-height: var( --kendo-menu-lg-line-height, var(--kendo-line-height-sm) ) !default;
44
+
26
45
  /// The background color of the Menu.
27
46
  /// @group menu
28
47
  $kendo-menu-bg: var( --kendo-menu-bg, transparent ) !default;
@@ -41,17 +60,45 @@ $kendo-menu-shadow: var( --kendo-menu-shadow, none ) !default;
41
60
 
42
61
  /// The horizontal padding of Menu item.
43
62
  /// @group menu
44
- $kendo-menu-item-padding-x: var( --kendo-menu-item-padding-x, #{k-spacing(2)} ) !default;
63
+ $kendo-menu-item-padding-x: var( --kendo-menu-item-padding-x, #{k-spacing(1.5)} ) !default;
45
64
  /// The vertical padding of the Menu item.
46
65
  /// @group menu
47
- $kendo-menu-item-padding-y: var( --kendo-menu-item-padding-y, #{k-spacing(3)} ) !default;
66
+ $kendo-menu-item-padding-y: var( --kendo-menu-item-padding-y, #{k-spacing(1.5)} ) !default;
67
+
68
+ /// The horizontal padding of the small Menu item.
69
+ /// @group menu
70
+ $kendo-menu-sm-item-padding-x: var( --kendo-menu-sm-item-padding-x, #{k-spacing(1)} ) !default;
71
+ /// The horizontal padding of the large Menu item.
72
+ /// @group menu
73
+ $kendo-menu-lg-item-padding-x: var( --kendo-menu-lg-item-padding-x, #{k-spacing(2.5)} ) !default;
74
+
75
+ /// The vertical padding of the small Menu item.
76
+ /// @group menu
77
+ $kendo-menu-sm-item-padding-y: var( --kendo-menu-sm-item-padding-y, #{k-spacing(1)} ) !default;
78
+ /// The vertical padding of the large Menu item.
79
+ /// @group menu
80
+ $kendo-menu-lg-item-padding-y: var( --kendo-menu-lg-item-padding-y, #{k-spacing(2.5)} ) !default;
48
81
 
49
82
  /// The spacing between the Menu items.
50
83
  /// @group menu
51
84
  $kendo-menu-item-spacing: var( --kendo-menu-item-spacing, #{k-spacing(0)} ) !default;
52
85
  /// The spacing between the Menu item text and icons.
53
86
  /// @group menu
54
- $kendo-menu-item-icon-spacing: var( --kendo-menu-item-icon-spacing, #{$kendo-icon-spacing} ) !default;
87
+ $kendo-menu-item-icon-spacing: var( --kendo-menu-item-icon-spacing, #{k-spacing(1)} ) !default;
88
+
89
+ /// The border radius of the Menu item.
90
+ /// @group menu
91
+ $kendo-menu-item-border-radius: var( --kendo-menu-item-border-radius, #{k-border-radius(md)} ) !default;
92
+
93
+ /// The font size of the Menu item description.
94
+ /// @group menu
95
+ $kendo-menu-item-description-font-size: var( --kendo-menu-item-description-font-size, #{$kendo-list-item-description-font-size} ) !default;
96
+ /// The line height of the Menu item description.
97
+ /// @group menu
98
+ $kendo-menu-item-description-line-height: var( --kendo-menu-item-description-line-height, #{$kendo-list-item-description-line-height} ) !default;
99
+ /// The text color of the Menu item description.
100
+ /// @group menu
101
+ $kendo-menu-item-description-text: var( --kendo-menu-item-description-text, #{$kendo-list-item-description-text} ) !default;
55
102
 
56
103
  /// The spacing used for the menu expand arrow negative offset.
57
104
  /// @group menu
@@ -59,7 +106,7 @@ $kendo-menu-expand-arrow-spacing: var( --kendo-menu-expand-arrow-spacing, #{k-sp
59
106
 
60
107
  /// The font weight of the selected Menu item.
61
108
  /// @group menu
62
- $kendo-menu-item-selected-font-weight: var( --kendo-menu-item-selected-font-weight, var(--kendo-font-weight-bold) ) !default;
109
+ $kendo-menu-item-selected-font-weight: var( --kendo-menu-item-selected-font-weight, var(--kendo-font-weight-semibold) ) !default;
63
110
 
64
111
  /// The text color of Menu item.
65
112
  /// @group menu
@@ -67,6 +114,9 @@ $kendo-menu-item-text: var( --kendo-menu-item-text, #{$kendo-menu-text} ) !defau
67
114
  /// The background color of Menu item.
68
115
  /// @group menu
69
116
  $kendo-menu-item-bg: var( --kendo-menu-item-bg, transparent ) !default;
117
+ /// The text color of the Menu item icon.
118
+ /// @group menu
119
+ $kendo-menu-icon-color: var( --kendo-menu-icon-color, currentColor ) !default;
70
120
 
71
121
  /// The text color of hovered Menu item.
72
122
  /// @group menu
@@ -74,6 +124,9 @@ $kendo-menu-item-hover-text: var( --kendo-menu-item-hover-text, #{k-color(on-bas
74
124
  /// The background color of hovered Menu item.
75
125
  /// @group menu
76
126
  $kendo-menu-item-hover-bg: var( --kendo-menu-item-hover-bg, #{k-color(base-hover)} ) !default;
127
+ /// The text color of the hovered Menu item icon.
128
+ /// @group menu
129
+ $kendo-menu-item-hover-icon-text: var( --kendo-menu-item-hover-icon-text, #{k-color(primary-on-surface)} ) !default;
77
130
 
78
131
  /// The text color of active Menu item.
79
132
  /// @group menu
@@ -81,6 +134,9 @@ $kendo-menu-item-active-text: var( --kendo-menu-item-active-text, #{$kendo-menu-
81
134
  /// The background color of active Menu item.
82
135
  /// @group menu
83
136
  $kendo-menu-item-active-bg: var( --kendo-menu-item-active-bg, #{k-color(base-active)} ) !default;
137
+ /// The text color of the active Menu item icon.
138
+ /// @group menu
139
+ $kendo-menu-item-active-icon-text: var( --kendo-menu-item-active-icon-text, #{$kendo-menu-item-hover-icon-text} ) !default;
84
140
 
85
141
  /// The text color of focused Menu item.
86
142
  /// @group menu
@@ -115,6 +171,9 @@ $kendo-menu-item-selected-text: var( --kendo-menu-item-selected-text, null ) !de
115
171
  /// The background color of selected Menu item.
116
172
  /// @group menu
117
173
  $kendo-menu-item-selected-bg: var( --kendo-menu-item-selected-bg, null ) !default;
174
+ /// The text color of the selected Menu item icon.
175
+ /// @group menu
176
+ $kendo-menu-item-selected-icon-text: var( --kendo-menu-item-selected-icon-text, #{$kendo-menu-item-hover-icon-text} ) !default;
118
177
 
119
178
 
120
179
  // Menu Separator
@@ -137,10 +196,10 @@ $kendo-menu-separator-border: var( --kendo-menu-separator-border, color-mix(in s
137
196
 
138
197
  /// The horizontal padding of the Menu popup.
139
198
  /// @group menu
140
- $kendo-menu-popup-padding-x: var( --kendo-menu-popup-padding-x, #{$kendo-popup-padding-x} ) !default;
199
+ $kendo-menu-popup-padding-x: var( --kendo-menu-popup-padding-x, #{$kendo-list-container-padding-inline} ) !default;
141
200
  /// The vertical padding of the Menu popup.
142
201
  /// @group menu
143
- $kendo-menu-popup-padding-y: var( --kendo-menu-popup-padding-y, #{$kendo-popup-padding-y} ) !default;
202
+ $kendo-menu-popup-padding-y: var( --kendo-menu-popup-padding-y, #{$kendo-list-container-padding-block} ) !default;
144
203
 
145
204
  /// The width of the border around the Menu popup.
146
205
  /// @group menu
@@ -174,17 +233,17 @@ $kendo-menu-popup-bg: var( --kendo-menu-popup-bg, #{k-color(surface-alt)} ) !def
174
233
  $kendo-menu-popup-border: var( --kendo-menu-popup-border, initial ) !default;
175
234
  /// The shadow of the Menu popup.
176
235
  /// @group menu
177
- $kendo-menu-popup-shadow: var( --kendo-menu-popup-shadow, k-elevation(3) ) !default;
236
+ $kendo-menu-popup-shadow: var( --kendo-menu-popup-shadow, k-elevation(5) ) !default;
178
237
 
179
238
  /// The horizontal padding of the small Menu popup item.
180
239
  /// @group menu
181
- $kendo-menu-popup-sm-item-padding-x: var( --kendo-menu-popup-sm-item-padding-x, #{k-spacing(2)} ) !default;
240
+ $kendo-menu-popup-sm-item-padding-x: var( --kendo-menu-popup-sm-item-padding-x, #{$kendo-list-sm-item-padding-x} ) !default;
182
241
  /// The horizontal padding of the medium Menu popup item.
183
242
  /// @group menu
184
- $kendo-menu-popup-md-item-padding-x: var( --kendo-menu-popup-md-item-padding-x, #{k-spacing(2)} ) !default;
243
+ $kendo-menu-popup-md-item-padding-x: var( --kendo-menu-popup-md-item-padding-x, #{$kendo-list-md-item-padding-x} ) !default;
185
244
  /// The horizontal padding of the large Menu popup item.
186
245
  /// @group menu
187
- $kendo-menu-popup-lg-item-padding-x: var( --kendo-menu-popup-lg-item-padding-x, #{k-spacing(2)} ) !default;
246
+ $kendo-menu-popup-lg-item-padding-x: var( --kendo-menu-popup-lg-item-padding-x, #{$kendo-list-lg-item-padding-x} ) !default;
188
247
  /// The vertical padding of the small Menu popup item.
189
248
  /// @group menu
190
249
  $kendo-menu-popup-sm-item-padding-y: var( --kendo-menu-popup-sm-item-padding-y, #{$kendo-list-sm-item-padding-y} ) !default;
@@ -225,7 +284,58 @@ $kendo-menu-popup-lg-item-icon-margin-end: calc( -1 * (#{$kendo-icon-size} + #{$
225
284
 
226
285
  /// The spacing between the Menu items in popup.
227
286
  /// @group menu
228
- $kendo-menu-popup-item-spacing: var( --kendo-menu-popup-item-spacing, #{k-spacing(0)} ) !default;
287
+ $kendo-menu-popup-item-spacing: var( --kendo-menu-popup-item-spacing, #{k-spacing(0.5)} ) !default;
288
+
289
+ /// The horizontal padding of the small Menu popup group header.
290
+ /// @group menu
291
+ $kendo-menu-popup-sm-group-header-padding-x: var( --kendo-menu-popup-sm-group-header-padding-x, #{$kendo-list-sm-group-item-padding-x} ) !default;
292
+ /// The horizontal padding of the medium Menu popup group header.
293
+ /// @group menu
294
+ $kendo-menu-popup-md-group-header-padding-x: var( --kendo-menu-popup-md-group-header-padding-x, #{$kendo-list-md-group-item-padding-x} ) !default;
295
+ /// The horizontal padding of the large Menu popup group header.
296
+ /// @group menu
297
+ $kendo-menu-popup-lg-group-header-padding-x: var( --kendo-menu-popup-lg-group-header-padding-x, #{$kendo-list-lg-group-item-padding-x} ) !default;
298
+
299
+ /// The vertical padding of the small Menu popup group header.
300
+ /// @group menu
301
+ $kendo-menu-popup-sm-group-header-padding-y: var( --kendo-menu-popup-sm-group-header-padding-y, #{$kendo-list-sm-group-item-padding-y} ) !default;
302
+ /// The vertical padding of the medium Menu popup group header.
303
+ /// @group menu
304
+ $kendo-menu-popup-md-group-header-padding-y: var( --kendo-menu-popup-md-group-header-padding-y, #{$kendo-list-md-group-item-padding-y} ) !default;
305
+ /// The vertical padding of the large Menu popup group header.
306
+ /// @group menu
307
+ $kendo-menu-popup-lg-group-header-padding-y: var( --kendo-menu-popup-lg-group-header-padding-y, #{$kendo-list-lg-group-item-padding-y} ) !default;
308
+
309
+ /// The font size of the small Menu popup group header.
310
+ /// @group menu
311
+ $kendo-menu-popup-sm-group-header-font-size: var( --kendo-menu-popup-sm-group-header-font-size, #{$kendo-list-item-group-label-sm-font-size} ) !default;
312
+ /// The font size of the medium Menu popup group header.
313
+ /// @group menu
314
+ $kendo-menu-popup-md-group-header-font-size: var( --kendo-menu-popup-md-group-header-font-size, #{$kendo-list-item-group-label-md-font-size} ) !default;
315
+ /// The font size of the large Menu popup group header.
316
+ /// @group menu
317
+ $kendo-menu-popup-lg-group-header-font-size: var( --kendo-menu-popup-lg-group-header-font-size, #{$kendo-list-item-group-label-lg-font-size} ) !default;
318
+
319
+ /// The line height of the small Menu popup group header.
320
+ /// @group menu
321
+ $kendo-menu-popup-sm-group-header-line-height: var( --kendo-menu-popup-sm-group-header-line-height, #{$kendo-menu-popup-sm-line-height} ) !default;
322
+ /// The line height of the medium Menu popup group header.
323
+ /// @group menu
324
+ $kendo-menu-popup-md-group-header-line-height: var( --kendo-menu-popup-md-group-header-line-height, #{$kendo-menu-popup-md-line-height} ) !default;
325
+ /// The line height of the large Menu popup group header.
326
+ /// @group menu
327
+ $kendo-menu-popup-lg-group-header-line-height: var( --kendo-menu-popup-lg-group-header-line-height, #{$kendo-menu-popup-lg-line-height} ) !default;
328
+
329
+ /// The font weight of the Menu popup group header.
330
+ /// @group menu
331
+ $kendo-menu-popup-group-header-font-weight: var( --kendo-menu-popup-group-header-font-weight, #{$kendo-list-group-item-font-weight} ) !default;
332
+
333
+ /// The background color of the Menu popup group header.
334
+ /// @group menu
335
+ $kendo-menu-popup-group-header-bg: var( --kendo-menu-popup-group-header-bg, #{$kendo-list-group-item-bg} ) !default;
336
+ /// The text color of the Menu popup group header.
337
+ /// @group menu
338
+ $kendo-menu-popup-group-header-text: var( --kendo-menu-popup-group-header-text, #{$kendo-list-group-item-text} ) !default;
229
339
 
230
340
  /// The text color of the Menu item in popup.
231
341
  /// @group menu
@@ -240,6 +350,9 @@ $kendo-menu-popup-item-hover-text: var( --kendo-menu-popup-item-hover-text, #{$k
240
350
  /// The background color of hovered Menu item in popup.
241
351
  /// @group menu
242
352
  $kendo-menu-popup-item-hover-bg: var( --kendo-menu-popup-item-hover-bg, #{$kendo-list-item-hover-bg} ) !default;
353
+ /// The text color of the icon of hovered Menu item in popup.
354
+ /// @group menu
355
+ $kendo-menu-popup-item-hover-icon-text: var( --kendo-menu-popup-item-hover-icon-text, #{$kendo-menu-item-hover-icon-text} ) !default;
243
356
 
244
357
  /// The outline of focused Menu items.
245
358
  /// @group menu
@@ -251,6 +364,9 @@ $kendo-menu-popup-item-active-text: var( --kendo-menu-popup-item-active-text, #{
251
364
  /// The background color of active Menu item in popup.
252
365
  /// @group menu
253
366
  $kendo-menu-popup-item-active-bg: var( --kendo-menu-popup-item-active-bg, #{$kendo-list-item-selected-bg} ) !default;
367
+ /// The text color of the icon of active Menu item in popup.
368
+ /// @group menu
369
+ $kendo-menu-popup-item-active-icon-text: var( --kendo-menu-popup-item-active-icon-text, #{$kendo-menu-item-active-icon-text} ) !default;
254
370
 
255
371
  /// The text color of disabled Menu item in popup.
256
372
  /// @group menu
@@ -273,23 +389,32 @@ $kendo-menu-scroll-button-hover-bg: var( --kendo-menu-scroll-button-hover-bg, nu
273
389
  /// @group menu
274
390
  $kendo-menu-scroll-button-hover-border: var( --kendo-menu-scroll-button-hover-border, null ) !default;
275
391
 
276
- /// The color of the Menu items icon.
277
- /// @group menu
278
- $kendo-menu-icon-color: var( --kendo-menu-icon-color, #{k-color(primary)} ) !default;
279
-
280
392
  @forward "@progress/kendo-theme-core/scss/components/menu/_variables.scss" with (
393
+ $kendo-menu-default-size: $kendo-menu-default-size,
281
394
  $kendo-menu-group-default-size: $kendo-menu-group-default-size,
282
395
  $kendo-menu-border-width: $kendo-menu-border-width,
283
396
  $kendo-menu-font-family: $kendo-menu-font-family,
284
397
  $kendo-menu-font-size: $kendo-menu-font-size,
285
398
  $kendo-menu-line-height: $kendo-menu-line-height,
399
+ $kendo-menu-sm-font-size: $kendo-menu-sm-font-size,
400
+ $kendo-menu-lg-font-size: $kendo-menu-lg-font-size,
401
+ $kendo-menu-sm-line-height: $kendo-menu-sm-line-height,
402
+ $kendo-menu-lg-line-height: $kendo-menu-lg-line-height,
286
403
  $kendo-menu-bg: $kendo-menu-bg,
287
404
  $kendo-menu-text: $kendo-menu-text,
288
405
  $kendo-menu-border: $kendo-menu-border,
289
406
  $kendo-menu-item-padding-x: $kendo-menu-item-padding-x,
290
407
  $kendo-menu-item-padding-y: $kendo-menu-item-padding-y,
408
+ $kendo-menu-sm-item-padding-x: $kendo-menu-sm-item-padding-x,
409
+ $kendo-menu-lg-item-padding-x: $kendo-menu-lg-item-padding-x,
410
+ $kendo-menu-sm-item-padding-y: $kendo-menu-sm-item-padding-y,
411
+ $kendo-menu-lg-item-padding-y: $kendo-menu-lg-item-padding-y,
291
412
  $kendo-menu-item-spacing: $kendo-menu-item-spacing,
292
413
  $kendo-menu-item-icon-spacing: $kendo-menu-item-icon-spacing,
414
+ $kendo-menu-item-border-radius: $kendo-menu-item-border-radius,
415
+ $kendo-menu-item-description-font-size: $kendo-menu-item-description-font-size,
416
+ $kendo-menu-item-description-line-height: $kendo-menu-item-description-line-height,
417
+ $kendo-menu-item-description-text: $kendo-menu-item-description-text,
293
418
  $kendo-menu-expand-arrow-spacing: $kendo-menu-expand-arrow-spacing,
294
419
  $kendo-menu-item-selected-font-weight: $kendo-menu-item-selected-font-weight,
295
420
  $kendo-menu-item-bg: $kendo-menu-item-bg,
@@ -330,6 +455,21 @@ $kendo-menu-icon-color: var( --kendo-menu-icon-color, #{k-color(primary)} ) !def
330
455
  $kendo-menu-popup-md-item-icon-margin-end: $kendo-menu-popup-item-icon-md-margin-end,
331
456
  $kendo-menu-popup-lg-item-icon-margin-end: $kendo-menu-popup-lg-item-icon-margin-end,
332
457
  $kendo-menu-popup-item-spacing: $kendo-menu-popup-item-spacing,
458
+ $kendo-menu-popup-sm-group-header-padding-x: $kendo-menu-popup-sm-group-header-padding-x,
459
+ $kendo-menu-popup-md-group-header-padding-x: $kendo-menu-popup-md-group-header-padding-x,
460
+ $kendo-menu-popup-lg-group-header-padding-x: $kendo-menu-popup-lg-group-header-padding-x,
461
+ $kendo-menu-popup-sm-group-header-padding-y: $kendo-menu-popup-sm-group-header-padding-y,
462
+ $kendo-menu-popup-md-group-header-padding-y: $kendo-menu-popup-md-group-header-padding-y,
463
+ $kendo-menu-popup-lg-group-header-padding-y: $kendo-menu-popup-lg-group-header-padding-y,
464
+ $kendo-menu-popup-sm-group-header-font-size: $kendo-menu-popup-sm-group-header-font-size,
465
+ $kendo-menu-popup-md-group-header-font-size: $kendo-menu-popup-md-group-header-font-size,
466
+ $kendo-menu-popup-lg-group-header-font-size: $kendo-menu-popup-lg-group-header-font-size,
467
+ $kendo-menu-popup-sm-group-header-line-height: $kendo-menu-popup-sm-group-header-line-height,
468
+ $kendo-menu-popup-md-group-header-line-height: $kendo-menu-popup-md-group-header-line-height,
469
+ $kendo-menu-popup-lg-group-header-line-height: $kendo-menu-popup-lg-group-header-line-height,
470
+ $kendo-menu-popup-group-header-font-weight: $kendo-menu-popup-group-header-font-weight,
471
+ $kendo-menu-popup-group-header-bg: $kendo-menu-popup-group-header-bg,
472
+ $kendo-menu-popup-group-header-text: $kendo-menu-popup-group-header-text,
333
473
  $kendo-menu-popup-item-bg: $kendo-menu-popup-item-bg,
334
474
  $kendo-menu-popup-item-text: $kendo-menu-popup-item-text,
335
475
  $kendo-menu-popup-item-hover-bg: $kendo-menu-popup-item-hover-bg,
package/scss/scheduler/_variables.scss CHANGED
@@ -94,6 +94,7 @@ $kendo-scheduler-event-time-padding-top: k-spacing(0.5) !default;
94
94
  /// The bottom padding of the Scheduler event time.
95
95
  /// @group scheduler
96
96
  $kendo-scheduler-event-time-padding-bottom: k-spacing(0.5) !default;
97
+
97
98
  /// The horizontal padding of the Scheduler event.
98
99
  /// @group scheduler
99
100
  $kendo-scheduler-event-template-padding-x: var( --kendo-scheduler-event-padding-x, k-spacing(2) ) !default;
@@ -171,16 +172,19 @@ $kendo-scheduler-event-ongoing-shadow: var( --kendo-scheduler-event-ongoing-shad
171
172
  $kendo-scheduler-resizer-size: var( --kendo-scheduler-resizer-size, 0.5em ) !default;
172
173
  /// The length of the Scheduler resize handle visual indicator.
173
174
  /// @group scheduler
174
- $kendo-scheduler-resize-handle-size: var( --kendo-scheduler-resize-handle-size, 8px ) !default;
175
+ $kendo-scheduler-resize-handle-size: var( --kendo-scheduler-resize-handle-size, 12px ) !default;
176
+ /// The thickness of the Scheduler resize handle visual indicator.
177
+ /// @group scheduler
178
+ $kendo-scheduler-resize-handle-thickness: var( --kendo-scheduler-resize-handle-thickness, 1px ) !default;
175
179
  /// The border radius of the Scheduler resize handle.
176
180
  /// @group scheduler
177
181
  $kendo-scheduler-resize-handle-border-radius: var( --kendo-scheduler-resize-handle-border-radius, k-border-radius(full) ) !default;
178
182
  /// The border width of the Scheduler resize handle.
179
183
  /// @group scheduler
180
- $kendo-scheduler-resize-handle-border-width: var( --kendo-scheduler-resize-handle-border-width, 2px ) !default;
184
+ $kendo-scheduler-resize-handle-border-width: var( --kendo-scheduler-resize-handle-border-width, 0 ) !default;
181
185
  /// The background color of the Scheduler resize handle.
182
186
  /// @group scheduler
183
- $kendo-scheduler-resize-handle-bg: var( --kendo-scheduler-resize-handle-bg, $kendo-scheduler-event-bg ) !default;
187
+ $kendo-scheduler-resize-handle-bg: var( --kendo-scheduler-resize-handle-bg, k-color(primary-subtle) ) !default;
184
188
 
185
189
  /// The horizontal padding of the Scheduler cell.
186
190
  /// @group scheduler
@@ -348,6 +352,7 @@ $kendo-scheduler-recurrence-fields-row-gap: k-spacing(3) !default;
348
352
  $kendo-scheduler-event-ongoing-shadow: $kendo-scheduler-event-ongoing-shadow,
349
353
  $kendo-scheduler-resizer-size: $kendo-scheduler-resizer-size,
350
354
  $kendo-scheduler-resize-handle-size: $kendo-scheduler-resize-handle-size,
355
+ $kendo-scheduler-resize-handle-thickness: $kendo-scheduler-resize-handle-thickness,
351
356
  $kendo-scheduler-resize-handle-border-radius: $kendo-scheduler-resize-handle-border-radius,
352
357
  $kendo-scheduler-resize-handle-border-width: $kendo-scheduler-resize-handle-border-width,
353
358
  $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
@@ -114,6 +118,7 @@ $kendo-segmented-control-button-disabled-text: var( --kendo-segmented-control-bu
114
118
 
115
119
  @forward "@progress/kendo-theme-core/scss/components/segmented-control/_variables.scss" with (
116
120
  $kendo-segmented-control-default-size: $kendo-segmented-control-default-size,
121
+ $kendo-segmented-control-default-roundness: $kendo-segmented-control-default-roundness,
117
122
  $kendo-segmented-control-padding-x: $kendo-segmented-control-padding-x,
118
123
  $kendo-segmented-control-padding-y: $kendo-segmented-control-padding-y,
119
124
  $kendo-segmented-control-border-radius: $kendo-segmented-control-border-radius,
package/scss/toolbar/_variables.scss CHANGED
@@ -129,10 +129,6 @@ $kendo-toolbar-item-focus-outline-style: var( --kendo-toolbar-item-focus-outline
129
129
  /// @group toolbar
130
130
  $kendo-toolbar-item-focus-outline-color: var( --kendo-toolbar-item-focus-outline-color, #{k-color(base-emphasis)} ) !default;
131
131
 
132
- /// The border radius of the floating Toolbar.
133
- /// @group toolbar
134
- $kendo-floating-toolbar-border-radius: var( --kendo-floating-toolbar-border-radius, #{k-border-radius(md)} ) !default;
135
-
136
132
  @forward "@progress/kendo-theme-core/scss/components/toolbar/_variables.scss" with (
137
133
  $kendo-toolbar-default-fill-mode: $kendo-toolbar-default-fill-mode,
138
134
  $kendo-toolbar-default-size: $kendo-toolbar-default-size,
@@ -166,6 +162,5 @@ $kendo-floating-toolbar-border-radius: var( --kendo-floating-toolbar-border-radi
166
162
  $kendo-toolbar-flat-scroll-overlay: $kendo-toolbar-flat-scroll-overlay,
167
163
  $kendo-toolbar-separator-border: $kendo-toolbar-separator-border,
168
164
  $kendo-toolbar-input-width: $kendo-toolbar-input-width,
169
- $kendo-toolbar-smart-box-min-width: $kendo-toolbar-smart-box-min-width,
170
- $kendo-floating-toolbar-border-radius: $kendo-floating-toolbar-border-radius
165
+ $kendo-toolbar-smart-box-min-width: $kendo-toolbar-smart-box-min-width
171
166
  );