@progress/kendo-theme-fluent 11.3.0 → 11.3.1

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 (37) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/fluent-main-dark.css +1 -1
  3. package/dist/fluent-main.css +1 -1
  4. package/dist/meta/sassdoc-data.json +864 -864
  5. package/dist/meta/sassdoc-raw-data.json +198 -198
  6. package/dist/meta/variables.json +324 -328
  7. package/lib/swatches/all.json +1 -1
  8. package/lib/swatches/fluent-main-dark.json +1 -1
  9. package/lib/swatches/fluent-main.json +1 -1
  10. package/package.json +4 -4
  11. package/scss/action-sheet/_variables.scss +1 -1
  12. package/scss/button/_variables.scss +7 -0
  13. package/scss/calendar/_variables.scss +3 -3
  14. package/scss/chat/_variables.scss +5 -5
  15. package/scss/coloreditor/_variables.scss +9 -9
  16. package/scss/colorgradient/_variables.scss +1 -1
  17. package/scss/colorpalette/_variables.scss +1 -1
  18. package/scss/datetimepicker/_variables.scss +1 -1
  19. package/scss/drawer/_variables.scss +4 -4
  20. package/scss/fab/_variables.scss +7 -7
  21. package/scss/filemanager/_variables.scss +4 -4
  22. package/scss/floating-label/_variables.scss +3 -3
  23. package/scss/forms/_layout.scss +2 -2
  24. package/scss/forms/_variables.scss +2 -2
  25. package/scss/gantt/_variables.scss +8 -8
  26. package/scss/grid/_variables.scss +44 -44
  27. package/scss/loader/_variables.scss +15 -15
  28. package/scss/menu/_variables.scss +12 -13
  29. package/scss/panelbar/_variables.scss +1 -1
  30. package/scss/pdf-viewer/_variables.scss +3 -3
  31. package/scss/scheduler/_variables.scss +2 -2
  32. package/scss/split-button/_variables.scss +7 -7
  33. package/scss/spreadsheet/_variables.scss +1 -1
  34. package/scss/stepper/_variables.scss +2 -2
  35. package/scss/tabstrip/_variables.scss +6 -6
  36. package/scss/timeline/_variables.scss +9 -9
  37. package/scss/timeselector/_variables.scss +14 -14
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": "11.3.0",
6
+ "version": "11.3.1",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
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": "11.3.0",
6
+ "version": "11.3.1",
7
7
  "previewColors": [
8
8
  "#1b1a19",
9
9
  "#21201f",
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": "11.3.0",
6
+ "version": "11.3.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#faf9f8",
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": "11.3.0",
4
+ "version": "11.3.1",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -54,12 +54,12 @@
54
54
  },
55
55
  "dependencies": {
56
56
  "@progress/kendo-svg-icons": "^4.1.0",
57
- "@progress/kendo-theme-core": "11.3.0",
58
- "@progress/kendo-theme-utils": "11.3.0"
57
+ "@progress/kendo-theme-core": "11.3.1",
58
+ "@progress/kendo-theme-utils": "11.3.1"
59
59
  },
60
60
  "directories": {
61
61
  "doc": "docs",
62
62
  "lib": "lib"
63
63
  },
64
- "gitHead": "89fa2a4b285a36ead7c7440ab9bb9764dbe7da9f"
64
+ "gitHead": "dfcdc8146bf3ad31e1fecaee59752859f5acc623"
65
65
  }
package/scss/action-sheet/_variables.scss CHANGED
@@ -208,7 +208,7 @@ $kendo-adaptive-actionsheet-line-height: var( --kendo-adaptive-actionsheet-line-
208
208
  $kendo-adaptive-actionsheet-header-padding-y: var( --kendo-adaptive-actionsheet-header-padding-y, #{k-spacing(4)} ) !default;
209
209
  /// Horizontal padding of the adaptive action sheet titlebar.
210
210
  /// @group action-sheet
211
- $kendo-adaptive-actionsheet-header-padding-x: var( --kendo-adaptive-actionsheet-header-padding-x, #{$kendo-adaptive-actionsheet-header-padding-y} ) !default;
211
+ $kendo-adaptive-actionsheet-header-padding-x: var( --kendo-adaptive-actionsheet-header-padding-x, #{k-spacing(4)} ) !default;
212
212
 
213
213
  /// Vertical padding of the adaptive action sheet content.
214
214
  /// @group action-sheet
package/scss/button/_variables.scss CHANGED
@@ -247,6 +247,13 @@ $kendo-button-flat-disabled-border: var( --kendo-button-disabled-border, initial
247
247
  $kendo-button-sm-padding-y: $kendo-button-sm-padding-y,
248
248
  $kendo-button-md-padding-y: $kendo-button-md-padding-y,
249
249
  $kendo-button-lg-padding-y: $kendo-button-lg-padding-y,
250
+ $kendo-button-sm-calc-size: $kendo-button-sm-calc-size,
251
+ $kendo-button-md-calc-size: $kendo-button-md-calc-size,
252
+ $kendo-button-lg-calc-size: $kendo-button-lg-calc-size,
253
+ $kendo-button-inner-calc-size: $kendo-button-inner-calc-size,
254
+ $kendo-button-sm-inner-calc-size: $kendo-button-sm-inner-calc-size,
255
+ $kendo-button-md-inner-calc-size: $kendo-button-md-inner-calc-size,
256
+ $kendo-button-lg-inner-calc-size: $kendo-button-lg-inner-calc-size,
250
257
  $kendo-button-sm-font-size: $kendo-button-sm-font-size,
251
258
  $kendo-button-md-font-size: $kendo-button-md-font-size,
252
259
  $kendo-button-lg-font-size: $kendo-button-lg-font-size,
package/scss/calendar/_variables.scss CHANGED
@@ -40,7 +40,7 @@ $kendo-calendar-header-padding-y: var( --kendo-calendar-header-padding-y, k-spac
40
40
  /// Width of the bottom border of the calendar header.
41
41
  /// @group calendar
42
42
  $kendo-calendar-header-border-width: var( --kendo-calendar-header-border-width, 1px ) !default;
43
- $kendo-calendar-header-min-width: var( --kendo-calendar-header-min-width, calc(#{$kendo-calendar-cell-size} * 8) ) !default;
43
+ $kendo-calendar-header-min-width: calc(#{$kendo-calendar-cell-size} * 8) !default;
44
44
 
45
45
  /// The background color of the calendar header.
46
46
  /// @group calendar
@@ -65,10 +65,10 @@ $kendo-calendar-footer-padding-y: var( --kendo-calendar-footer-padding-y, k-spac
65
65
 
66
66
  /// The horizontal padding of the calendar cell.
67
67
  /// @group calendar
68
- $kendo-calendar-cell-padding-x: var( --kendo-calendar-cell-padding-x, k-spacing(1) ) !default;
68
+ $kendo-calendar-cell-padding-x: k-spacing(1) !default;
69
69
  /// The vertical padding of the calendar cell.
70
70
  /// @group calendar
71
- $kendo-calendar-cell-padding-y: var( --kendo-calendar-cell-padding-y, #{$kendo-calendar-cell-padding-x} ) !default;
71
+ $kendo-calendar-cell-padding-y: $kendo-calendar-cell-padding-x !default;
72
72
  /// The border radius of the calendar cell.
73
73
  /// @group calendar
74
74
  $kendo-calendar-cell-border-radius: var( --kendo-calendar-cell-border-radius, var( --kendo-calendar-border-radius-md, var( --kendo-border-radius-md, 0) ) ) !default;
package/scss/chat/_variables.scss CHANGED
@@ -47,20 +47,20 @@ $kendo-chat-typing-indicator-dot-spacing: var( --kendo-chat-typing-indicator-dot
47
47
 
48
48
  /// The horizontal spacing between the items of the Chat.
49
49
  /// @group chat
50
- $kendo-chat-item-spacing-x: var( --kendo-chat-item-spacing-x, #{k-spacing(2)} ) !default;
50
+ $kendo-chat-item-spacing-x: k-spacing(2) !default;
51
51
  /// The vertical spacing between the items of the Chat.
52
52
  /// @group chat
53
- $kendo-chat-item-spacing-y: var( --kendo-chat-item-spacing-y, #{k-spacing(4)} ) !default;
53
+ $kendo-chat-item-spacing-y: k-spacing(4) !default;
54
54
 
55
55
  /// The horizontal padding of the Chat message list.
56
56
  /// @group chat
57
- $kendo-chat-message-list-padding-x: var( --kendo-chat-message-list-padding-x, #{$kendo-chat-padding-x} ) !default;
57
+ $kendo-chat-message-list-padding-x: $kendo-chat-padding-x !default;
58
58
  /// The vertical padding of the Chat message list.
59
59
  /// @group chat
60
- $kendo-chat-message-list-padding-y: var( --kendo-chat-message-list-padding-y, #{$kendo-chat-padding-y} ) !default;
60
+ $kendo-chat-message-list-padding-y: $kendo-chat-padding-y !default;
61
61
  /// The spacing of the Chat message list.
62
62
  /// @group chat
63
- $kendo-chat-message-list-spacing: var( --kendo-chat-message-list-spacing, #{$kendo-chat-item-spacing-y} ) !default;
63
+ $kendo-chat-message-list-spacing: $kendo-chat-item-spacing-y !default;
64
64
 
65
65
  /// The font size of the Chat timestamp.
66
66
  /// @group chat
package/scss/coloreditor/_variables.scss CHANGED
@@ -55,20 +55,20 @@ $kendo-color-editor-focus-shadow: var( --kendo-box-shadow-depth-3, none ) !defau
55
55
 
56
56
  /// The spacing between the ColorEditor header actions.
57
57
  /// @group color-editor
58
- $kendo-color-editor-header-actions-spacing: var(--kendo-color-editor-header-actions-spacing, calc( #{$kendo-color-editor-spacer} / 2 )) !default;
58
+ $kendo-color-editor-header-actions-spacing: var(--kendo-color-editor-header-actions-spacing, calc( #{k-spacing(2)} / 2 )) !default;
59
59
 
60
60
  /// The vertical padding of the small ColorEditor header.
61
61
  /// @group color-editor
62
- $kendo-color-editor-sm-header-padding-y: var(--kendo-color-editor-sm-header-padding-y, $kendo-color-editor-spacer) !default;
62
+ $kendo-color-editor-sm-header-padding-y: var(--kendo-color-editor-sm-header-padding-y, k-spacing(2)) !default;
63
63
  /// The horizontal padding of the small ColorEditor header.
64
64
  /// @group color-editor
65
- $kendo-color-editor-sm-header-padding-x: var(--kendo-color-editor-sm-header-padding-x, $kendo-color-editor-spacer) !default;
65
+ $kendo-color-editor-sm-header-padding-x: var(--kendo-color-editor-sm-header-padding-x, k-spacing(2)) !default;
66
66
  /// The vertical padding of the medium ColorEditor header.
67
67
  /// @group color-editor
68
- $kendo-color-editor-md-header-padding-y: var(--kendo-color-editor-md-header-padding-y, $kendo-color-editor-spacer) !default;
68
+ $kendo-color-editor-md-header-padding-y: var(--kendo-color-editor-md-header-padding-y, k-spacing(2)) !default;
69
69
  /// The horizontal padding of the medium ColorEditor header.
70
70
  /// @group color-editor
71
- $kendo-color-editor-md-header-padding-x: var(--kendo-color-editor-md-header-padding-x, $kendo-color-editor-spacer) !default;
71
+ $kendo-color-editor-md-header-padding-x: var(--kendo-color-editor-md-header-padding-x, k-spacing(2)) !default;
72
72
  /// The vertical padding of the large ColorEditor header.
73
73
  /// @group color-editor
74
74
  $kendo-color-editor-lg-header-padding-y: var(--kendo-color-editor-lg-header-padding-y, k-spacing(4)) !default;
@@ -117,20 +117,20 @@ $kendo-color-editor-lg-color-preview-height: var(--kendo-color-editor-lg-color-p
117
117
 
118
118
  /// The spacing of the ColorEditor views container.
119
119
  /// @group color-editor
120
- $kendo-color-editor-views-spacing: var(--kendo-color-editor-views-spacing, $kendo-color-editor-spacer) !default;
120
+ $kendo-color-editor-views-spacing: var(--kendo-color-editor-views-spacing, k-spacing(2)) !default;
121
121
 
122
122
  /// The vertical padding of the small ColorEditor views container.
123
123
  /// @group color-editor
124
124
  $kendo-color-editor-sm-views-padding-y: var(--kendo-color-editor-sm-views-padding-y, k-spacing(2)) !default;
125
125
  /// The horizontal padding of the small ColorEditor views container.
126
126
  /// @group color-editor
127
- $kendo-color-editor-sm-views-padding-x: var(--kendo-color-editor-sm-views-padding-x, $kendo-color-editor-spacer) !default;
127
+ $kendo-color-editor-sm-views-padding-x: var(--kendo-color-editor-sm-views-padding-x, k-spacing(2)) !default;
128
128
  /// The vertical padding of the medium ColorEditor views container.
129
129
  /// @group color-editor
130
- $kendo-color-editor-md-views-padding-y: var(--kendo-color-editor-md-views-padding-y, $kendo-color-editor-spacer) !default;
130
+ $kendo-color-editor-md-views-padding-y: var(--kendo-color-editor-md-views-padding-y, k-spacing(2)) !default;
131
131
  /// The horizontal padding of the medium ColorEditor views container.
132
132
  /// @group color-editor
133
- $kendo-color-editor-md-views-padding-x: var(--kendo-color-editor-md-views-padding-x, $kendo-color-editor-spacer) !default;
133
+ $kendo-color-editor-md-views-padding-x: var(--kendo-color-editor-md-views-padding-x, k-spacing(2)) !default;
134
134
  /// The vertical padding of the large ColorEditor views container.
135
135
  /// @group color-editor
136
136
  $kendo-color-editor-lg-views-padding-y: var(--kendo-color-editor-lg-views-padding-y, k-spacing(4)) !default;
package/scss/colorgradient/_variables.scss CHANGED
@@ -219,7 +219,7 @@ $kendo-color-gradient-lg-input-width: var(--kendo-color-gradient-lg-input-width,
219
219
  $kendo-color-gradient-contrast-ratio-font-weight: var(--kendo-color-gradient-contrast-ratio-font-weight, var( --kendo-font-weight-bold, normal )) !default;
220
220
  /// The spacing between the items in the ColorGradient contrast tool.
221
221
  /// @group color-gradient
222
- $kendo-color-gradient-contrast-spacing: var(--kendo-color-gradient-contrast-spacing, calc( #{$kendo-color-gradient-spacer} / 1.5 )) !default;
222
+ $kendo-color-gradient-contrast-spacing: calc( #{$kendo-color-gradient-spacer} / 1.5 ) !default;
223
223
 
224
224
  /// The size map of the ColorGradient.
225
225
  /// @group color-gradient
package/scss/colorpalette/_variables.scss CHANGED
@@ -22,7 +22,7 @@ $kendo-color-palette-tile-outline-style: var( --kendo-color-palette-tile-outline
22
22
  $kendo-color-palette-tile-outline: var( --kendo-color-palette-tile-outline, transparent ) !default;
23
23
  /// The width of the ColorPalette tile.
24
24
  /// @group color-palette
25
- $kendo-color-palette-tile-width: var( --kendo-color-palette-tile-width, #{k-spacing(6)} ) !default;
25
+ $kendo-color-palette-tile-width: k-spacing(6) !default;
26
26
  /// The height of the ColorPalette tile.
27
27
  /// @group color-palette
28
28
  $kendo-color-palette-tile-height: var( --kendo-color-palette-tile-height, #{$kendo-color-palette-tile-width} ) !default;
package/scss/datetimepicker/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use "../calendar/_variables.scss" as *;
2
2
 
3
- $kendo-datetime-width: var( --kendo-datetime-width, calc( #{$kendo-calendar-header-min-width} + calc( #{$kendo-infinite-calendar-view-padding-x} * 2 ) ) ) !default;
3
+ $kendo-datetime-width: calc( #{$kendo-calendar-header-min-width} + calc( #{$kendo-infinite-calendar-view-padding-x} * 2 ) ) !default;
4
4
 
5
5
  @forward "@progress/kendo-theme-core/scss/components/datetimepicker/_variables.scss" with (
6
6
  $kendo-datetime-width: $kendo-datetime-width
package/scss/drawer/_variables.scss CHANGED
@@ -45,7 +45,7 @@ $kendo-drawer-scrollbar-bg: var( --kendo-drawer-scrollbar-bg, k-color(base-subtl
45
45
  $kendo-drawer-scrollbar-radius: var( --kendo-drawer-scrollbar-radius, 20px ) !default;
46
46
  /// The hover color of the Drawer scrollbar.
47
47
  /// @group drawer
48
- $kendo-drawer-scrollbar-hover-color: var( --kendo-drawer-scrollbar-hover-color color-mix(in srgb, k-color(on-app-surface) 60%, transparent) ) !default;
48
+ $kendo-drawer-scrollbar-hover-color: var( --kendo-drawer-scrollbar-hover-color, color-mix(in srgb, k-color(on-app-surface) 60%, transparent) ) !default;
49
49
 
50
50
  /// The horizontal padding of the Drawer items.
51
51
  /// @group drawer
@@ -74,7 +74,7 @@ $kendo-drawer-item-font-weight: var( --kendo-drawer-item-font-weight, var( --ken
74
74
 
75
75
  /// The horizontal padding of the Drawer item in each level.
76
76
  /// @group drawer
77
- $kendo-drawer-item-level-padding-x: var( --kendo-drawer-item-level-padding-x, $kendo-drawer-item-padding-x ) !default;
77
+ $kendo-drawer-item-level-padding-x: var( --kendo-drawer-item-level-padding-x, k-spacing(4) ) !default;
78
78
  /// The count of the Drawer item levels.
79
79
  /// @group drawer
80
80
  $kendo-drawer-item-level-count: 5 !default;
@@ -91,7 +91,7 @@ $kendo-drawer-icon-padding-y: var( --kendo-drawer-icon-padding-y, k-spacing(1) )
91
91
 
92
92
  /// The initial width of the mini Drawer.
93
93
  /// @group drawer
94
- $kendo-drawer-mini-initial-width: var( --kendo-drawer-mini-initial-width, calc( 2 * #{$kendo-drawer-item-padding-x} + var( --kendo-icon-size, 1rem ) ) ) !default;
94
+ $kendo-drawer-mini-initial-width: calc( 2 * #{k-spacing(4)} + var( --kendo-icon-size, 1rem ) ) !default;
95
95
 
96
96
  /// The border width of the Drawer item ripple.
97
97
  /// @group drawer
@@ -181,4 +181,4 @@ $kendo-drawer-item-selected-hover-text: var( --kendo-drawer-item-selected-hover-
181
181
  $kendo-drawer-icon-padding-x: $kendo-drawer-icon-padding-x,
182
182
  $kendo-drawer-icon-padding-y: $kendo-drawer-icon-padding-y,
183
183
  $kendo-drawer-mini-initial-width: $kendo-drawer-mini-initial-width
184
- );
184
+ );
package/scss/fab/_variables.scss CHANGED
@@ -24,26 +24,26 @@ $kendo-fab-line-height: var( --kendo-fab-line-height, var( --kendo-line-height,
24
24
  $kendo-fab-padding-x: var( --kendo-fab-padding-x, #{k-spacing(4)} ) !default;
25
25
  /// The horizontal padding of the small FAB.
26
26
  /// @group floating-action-button
27
- $kendo-fab-sm-padding-x: var( --kendo-fab-sm-padding-x, calc( #{$kendo-fab-padding-x} / 2 ) ) !default;
27
+ $kendo-fab-sm-padding-x: var( --kendo-fab-sm-padding-x, calc( #{k-spacing(4)} / 2 ) ) !default;
28
28
  /// The horizontal padding of the medium FAB.
29
29
  /// @group floating-action-button
30
- $kendo-fab-md-padding-x: var( --kendo-fab-md-padding-x, #{$kendo-fab-padding-x} ) !default;
30
+ $kendo-fab-md-padding-x: var( --kendo-fab-md-padding-x, #{k-spacing(4)} ) !default;
31
31
  /// The horizontal padding of the large FAB.
32
32
  /// @group floating-action-button
33
- $kendo-fab-lg-padding-x: var( --kendo-fab-lg-padding-x, calc( #{$kendo-fab-padding-x} * 1.5 ) ) !default;
33
+ $kendo-fab-lg-padding-x: var( --kendo-fab-lg-padding-x, calc( #{k-spacing(4)} * 1.5 ) ) !default;
34
34
 
35
35
  /// The vertical padding of the FAB.
36
36
  /// @group floating-action-button
37
- $kendo-fab-padding-y: var( --kendo-fab-padding-y, #{$kendo-fab-padding-x} ) !default;
37
+ $kendo-fab-padding-y: var( --kendo-fab-padding-y, #{k-spacing(4)} ) !default;
38
38
  /// The vertical padding of the small FAB.
39
39
  /// @group floating-action-button
40
- $kendo-fab-sm-padding-y: var( --kendo-fab-sm-padding-y, calc( #{$kendo-fab-padding-y} / 2 ) ) !default;
40
+ $kendo-fab-sm-padding-y: var( --kendo-fab-sm-padding-y, calc( #{k-spacing(4)} / 2 ) ) !default;
41
41
  /// The vertical padding of the medium FAB.
42
42
  /// @group floating-action-button
43
- $kendo-fab-md-padding-y: var( --kendo-fab-md-padding-y, #{$kendo-fab-padding-y} ) !default;
43
+ $kendo-fab-md-padding-y: var( --kendo-fab-md-padding-y, #{k-spacing(4)} ) !default;
44
44
  /// The vertical padding of the large FAB.
45
45
  /// @group floating-action-button
46
- $kendo-fab-lg-padding-y: var( --kendo-fab-lg-padding-y, calc( #{$kendo-fab-padding-y} * 1.5 ) ) !default;
46
+ $kendo-fab-lg-padding-y: var( --kendo-fab-lg-padding-y, calc( #{k-spacing(4)} * 1.5 ) ) !default;
47
47
 
48
48
  /// The offset of the focused FAB.
49
49
  /// @group floating-action-button
package/scss/filemanager/_variables.scss CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  /// The space between the FileManager items.
7
7
  /// @group file-manager
8
- $kendo-file-manager-spacer: var( --kendo-file-manager-spacer, #{k-spacing(4)} ) !default;
8
+ $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;
@@ -145,10 +145,10 @@ $kendo-file-manager-grid-border: var( --kendo-file-manager-grid-border, inherit
145
145
 
146
146
  /// The horizontal padding of the FileManager preview.
147
147
  /// @group file-manager
148
- $kendo-file-manager-preview-padding-x: var( --kendo-file-manager-preview-padding-x, #{$kendo-file-manager-spacer} ) !default;
148
+ $kendo-file-manager-preview-padding-x: $kendo-file-manager-spacer !default;
149
149
  /// The vertical padding of the FileManager preview.
150
150
  /// @group file-manager
151
- $kendo-file-manager-preview-padding-y: var( --kendo-file-manager-preview-padding-y, #{$kendo-file-manager-spacer} ) !default;
151
+ $kendo-file-manager-preview-padding-y: $kendo-file-manager-spacer !default;
152
152
  /// The width of the FileManager preview.
153
153
  /// @group file-manager
154
154
  $kendo-file-manager-preview-width: var( --kendo-file-manager-preview-width, 20% ) !default;
@@ -157,7 +157,7 @@ $kendo-file-manager-preview-width: var( --kendo-file-manager-preview-width, 20%
157
157
  $kendo-file-manager-preview-border-width: var( --kendo-file-manager-preview-border-width, #{$kendo-file-manager-border-width} ) !default;
158
158
  /// The spacing of the FileManager preview.
159
159
  /// @group file-manager
160
- $kendo-file-manager-preview-spacing: var( --kendo-file-manager-preview-spacing, #{$kendo-file-manager-spacer} ) !default;
160
+ $kendo-file-manager-preview-spacing: $kendo-file-manager-spacer !default;
161
161
  /// The gap between the columns in the FileManager preview.
162
162
  /// @group file-manager
163
163
  $kendo-file-manager-preview-column-gap: var( --kendo-file-manager-preview-column-gap, #{k-spacing(1)} ) !default;
package/scss/floating-label/_variables.scss CHANGED
@@ -23,15 +23,15 @@ $kendo-floating-label-line-height: var(--kendo-floating-label-line-height, var(
23
23
 
24
24
  /// The height of the Floating Label.
25
25
  /// @group floating-label
26
- $kendo-floating-label-height: var(--kendo-floating-label-height, calc( #{$kendo-floating-label-line-height} * #{$kendo-floating-label-font-size} )) !default;
26
+ $kendo-floating-label-height: calc( #{$kendo-floating-label-line-height} * #{$kendo-floating-label-font-size} ) !default;
27
27
 
28
28
  /// The horizontal offset of the Floating Label.
29
29
  /// @group floating-label
30
- $kendo-floating-label-offset-x: var(--kendo-floating-label-offset-x, calc( #{$kendo-input-md-padding-x} + #{$kendo-input-border-width} )) !default;
30
+ $kendo-floating-label-offset-x: calc( #{$kendo-input-md-padding-x} + #{$kendo-input-border-width} ) !default;
31
31
 
32
32
  /// The vertical offset of the Floating Label.
33
33
  /// @group floating-label
34
- $kendo-floating-label-offset-y: var(--kendo-floating-label-offset-y, calc( #{$kendo-floating-label-height} + #{$kendo-input-border-width} + #{$kendo-input-md-padding-y} )) !default;
34
+ $kendo-floating-label-offset-y: calc( #{$kendo-floating-label-height} + #{$kendo-input-border-width} + #{$kendo-input-md-padding-y} ) !default;
35
35
 
36
36
  /// The transformation scale of the focused Floating Label.
37
37
  /// @group floating-label
package/scss/forms/_layout.scss CHANGED
@@ -16,7 +16,7 @@
16
16
 
17
17
  .k-form {
18
18
  .k-form-buttons {
19
- margin-block-start: calc( var( --kendo-form-rows-spacing-md, #{map.get($kendo-form-sizes, md, form-rows-spacing)} ) * 2 );
19
+ margin-block-start: calc( #{map.get($kendo-form-sizes, md, form-rows-spacing)} * 2 );
20
20
  }
21
21
  }
22
22
 
@@ -25,7 +25,7 @@
25
25
 
26
26
  .k-form-#{$size} {
27
27
  .k-form-buttons {
28
- margin-block-start: calc( var( --kendo-form-rows-spacing-#{$size}, #{$_form-rows-spacing} ) * 2 );
28
+ margin-block-start: calc( #{$_form-rows-spacing} * 2 );
29
29
  }
30
30
  }
31
31
  }
package/scss/forms/_variables.scss CHANGED
@@ -83,10 +83,10 @@ $kendo-form-hint-text: var(--kendo-form-hint-text, #{k-color(subtle)}) !default;
83
83
  $kendo-form-sm-rows-spacing: var(--kendo-form-sm-rows-spacing, #{k-spacing(3)}) !default;
84
84
  /// The row spacing of the medium Form.
85
85
  /// @group form
86
- $kendo-form-md-rows-spacing: var(--kendo-form-md-rows-spacing, #{$kendo-form-sm-rows-spacing}) !default;
86
+ $kendo-form-md-rows-spacing: var(--kendo-form-md-rows-spacing, #{k-spacing(3)}) !default;
87
87
  /// The row spacing of the large Form.
88
88
  /// @group form
89
- $kendo-form-lg-rows-spacing: var(--kendo-form-lg-rows-spacing, #{$kendo-form-sm-rows-spacing}) !default;
89
+ $kendo-form-lg-rows-spacing: var(--kendo-form-lg-rows-spacing, #{k-spacing(3)}) !default;
90
90
 
91
91
  /// The margin of the Form separator.
92
92
  /// @group form
package/scss/gantt/_variables.scss CHANGED
@@ -139,7 +139,7 @@ $kendo-gantt-task-actions-padding-x: var(--kendo-gantt-task-actions-padding-x, #
139
139
  $kendo-gantt-planned-margin-y: var(--kendo-gantt-planned-margin-y, .45em) !default;
140
140
  /// The border width of the Gantt task planned line.
141
141
  /// @group gantt
142
- $kendo-gantt-planned-border-width: var(--kendo-gantt-planned-border-width, 2px) !default;
142
+ $kendo-gantt-planned-border-width: 2px !default;
143
143
  /// The line height of the Gantt task planned line.
144
144
  /// @group gantt
145
145
  $kendo-gantt-planned-line-height: var(--kendo-gantt-planned-line-height, .85em) !default;
@@ -150,26 +150,26 @@ $kendo-gantt-planned-dependency-margin-y: var(--kendo-gantt-planned-dependency-m
150
150
 
151
151
  /// The default width of the Gantt planned line dot.
152
152
  /// @group gantt
153
- $kendo-gantt-planned-moment-width: var(--kendo-gantt-planned-moment-width, 6px) !default;
153
+ $kendo-gantt-planned-moment-width: 6px !default;
154
154
  /// The default height of the Gantt planned line dot.
155
155
  /// @group gantt
156
- $kendo-gantt-planned-moment-height: var(--kendo-gantt-planned-moment-height, var(--kendo-gantt-planned-moment-width, 6px)) !default;
156
+ $kendo-gantt-planned-moment-height: $kendo-gantt-planned-moment-width !default;
157
157
  /// The border radius of the Gantt planned line dot.
158
158
  /// @group gantt
159
- $kendo-gantt-planned-moment-border-radius: var(--kendo-gantt-planned-moment-border-radius, calc((var(--kendo-gantt-planned-border-width, 2px) * 2 + var(--kendo-gantt-planned-moment-width, 6px)) / 2)) !default;
159
+ $kendo-gantt-planned-moment-border-radius: calc(($kendo-gantt-planned-border-width * 2 + $kendo-gantt-planned-moment-width) / 2) !default;
160
160
  /// The horizontal margin of the Gantt planned line dot.
161
161
  /// @group gantt
162
- $kendo-gantt-planned-moment-left-margin-x: var(--kendo-gantt-planned-moment-left-margin-x, calc(var(--kendo-gantt-planned-border-width, 2px) / 2 - var(--kendo-gantt-planned-moment-border-radius, calc((var(--kendo-gantt-planned-border-width, 2px) * 2 + var(--kendo-gantt-planned-moment-width, 6px)) / 2)))) !default;
162
+ $kendo-gantt-planned-moment-left-margin-x: calc($kendo-gantt-planned-border-width / 2 - $kendo-gantt-planned-moment-border-radius) !default;
163
163
  /// The horizontal margin of the Gantt milestone planned line dot.
164
164
  /// @group gantt
165
- $kendo-gantt-planned-milestone-moment-margin-x: var(--kendo-gantt-planned-milestone-moment-margin-x, #{math.div(6px, 2)}) !default;
165
+ $kendo-gantt-planned-milestone-moment-margin-x: 3px !default;
166
166
 
167
167
  /// The default height of the Gantt planned line.
168
168
  /// @group gantt
169
- $kendo-gantt-planned-duration-height: var(--kendo-gantt-planned-duration-height, var(--kendo-gantt-planned-border-width, 2px)) !default;
169
+ $kendo-gantt-planned-duration-height: var(--kendo-gantt-planned-duration-height, $kendo-gantt-planned-border-width) !default;
170
170
  /// The height of the hovered Gantt planned line.
171
171
  /// @group gantt
172
- $kendo-gantt-planned-duration-hover-height: var(--kendo-gantt-planned-duration-hover-height, calc(var(--kendo-gantt-planned-border-width, 2px) + 1px)) !default;
172
+ $kendo-gantt-planned-duration-hover-height: var(--kendo-gantt-planned-duration-hover-height, calc($kendo-gantt-planned-border-width + 1px)) !default;
173
173
 
174
174
  /// The top position of the Gantt drag hint.
175
175
  /// @group gantt
package/scss/grid/_variables.scss CHANGED
@@ -24,45 +24,45 @@ $kendo-grid-line-height: var( --kendo-grid-line-height, var(--kendo-line-height,
24
24
 
25
25
  /// The horizontal padding of the Grid.
26
26
  /// @group grid
27
- $kendo-grid-padding-x: var( --kendo-grid-padding-x, #{$kendo-table-md-cell-padding-x} ) !default;
27
+ $kendo-grid-padding-x: $kendo-table-md-cell-padding-x !default;
28
28
  /// The vertical padding of the Grid.
29
29
  /// @group grid
30
- $kendo-grid-padding-y: var( --kendo-grid-padding-y, #{$kendo-table-md-cell-padding-y} ) !default;
30
+ $kendo-grid-padding-y: $kendo-table-md-cell-padding-y !default;
31
31
 
32
32
  /// The horizontal padding of the Grid header.
33
33
  /// @group grid
34
- $kendo-grid-header-padding-x: var( --kendo-grid-header-padding-x, #{$kendo-grid-padding-x} ) !default;
34
+ $kendo-grid-header-padding-x: $kendo-grid-padding-x !default;
35
35
  /// The vertical padding of the Grid header.
36
36
  /// @group grid
37
- $kendo-grid-header-padding-y: var( --kendo-grid-header-padding-y, #{$kendo-grid-padding-y} ) !default;
37
+ $kendo-grid-header-padding-y: $kendo-grid-padding-y !default;
38
38
 
39
39
  /// The horizontal padding of the Grid grouping header.
40
40
  /// @group grid
41
- $kendo-grid-grouping-header-padding-x: var( --kendo-grid-grouping-header-padding-x, #{$kendo-toolbar-md-padding-x} ) !default;
41
+ $kendo-grid-grouping-header-padding-x: $kendo-toolbar-md-padding-x !default;
42
42
  /// The vertical padding of the Grid grouping header.
43
43
  /// @group grid
44
- $kendo-grid-grouping-header-padding-y: var( --kendo-grid-grouping-header-padding-y, #{$kendo-toolbar-md-padding-y} ) !default;
44
+ $kendo-grid-grouping-header-padding-y: $kendo-toolbar-md-padding-y !default;
45
45
 
46
46
  /// The horizontal padding of the Grid cell.
47
47
  /// @group grid
48
- $kendo-grid-cell-padding-x: var( --kendo-grid-cell-padding-x, #{$kendo-grid-padding-x} ) !default;
48
+ $kendo-grid-cell-padding-x: $kendo-grid-padding-x !default;
49
49
  /// The vertical padding of the Grid cell.
50
50
  /// @group grid
51
- $kendo-grid-cell-padding-y: var( --kendo-grid-cell-padding-y, #{$kendo-grid-padding-y} ) !default;
51
+ $kendo-grid-cell-padding-y: $kendo-grid-padding-y !default;
52
52
 
53
53
  /// The horizontal padding of the Grid filter cell.
54
54
  /// @group grid
55
- $kendo-grid-filter-cell-padding-x: var( --kendo-grid-filter-cell-padding-x, #{$kendo-grid-padding-y} ) !default;
55
+ $kendo-grid-filter-cell-padding-x: $kendo-grid-padding-y !default;
56
56
  /// The vertical padding of the Grid filter cell.
57
57
  /// @group grid
58
- $kendo-grid-filter-cell-padding-y: var( --kendo-grid-filter-cell-padding-y, #{$kendo-grid-filter-cell-padding-x} ) !default;
58
+ $kendo-grid-filter-cell-padding-y: $kendo-grid-filter-cell-padding-x !default;
59
59
 
60
60
  /// The horizontal padding of the Grid edit cell.
61
61
  /// @group grid
62
- $kendo-grid-edit-cell-padding-x: var( --kendo-grid-edit-cell-padding-x, #{$kendo-grid-cell-padding-x} ) !default;
62
+ $kendo-grid-edit-cell-padding-x: $kendo-grid-cell-padding-x !default;
63
63
  /// The vertical padding of the Grid filter cell.
64
64
  /// @group grid
65
- $kendo-grid-edit-cell-padding-y: var( --kendo-grid-edit-cell-padding-y, calc( #{k-spacing(2.5)} / 2 ) ) !default;
65
+ $kendo-grid-edit-cell-padding-y: calc( #{k-spacing(2.5)} / 2 ) !default;
66
66
 
67
67
  /// The size of the Grid group drop clue.
68
68
  /// @group grid
@@ -72,7 +72,7 @@ $kendo-grid-group-drop-hint-size: var( --kendo-grid-group-drop-hint-size, 6px )
72
72
  $kendo-grid-group-drop-hint-line-size: var( --kendo-grid-group-drop-hint-line-size, 1px ) !default;
73
73
  /// The dot size of the Grid group drop clue.
74
74
  /// @group grid
75
- $kendo-grid-group-drop-hint-dot-size: var( --kendo-grid-group-drop-hint-dot-size, #{$kendo-grid-group-drop-hint-size} ) !default;
75
+ $kendo-grid-group-drop-hint-dot-size: $kendo-grid-group-drop-hint-size !default;
76
76
  /// The height of the Grid group drop clue.
77
77
  /// @group grid
78
78
  $kendo-grid-group-drop-hint-height: var( --kendo-grid-group-drop-hint-height, calc( #{$kendo-chip-calc-size} + #{$kendo-grid-group-drop-hint-size} ) ) !default;
@@ -83,35 +83,35 @@ $kendo-grid-group-drop-hint-top: var( --kendo-grid-group-drop-hint-top, 2px ) !d
83
83
 
84
84
  $kendo-grid-sm-padding-x: k-spacing(3) !default;
85
85
  $kendo-grid-sm-padding-y: k-spacing(1.5) !default;
86
- $kendo-grid-sm-header-padding-x: var( --kendo-grid-sm-header-padding-x, #{$kendo-grid-sm-padding-x} ) !default;
87
- $kendo-grid-sm-header-padding-y: var( --kendo-grid-sm-header-padding-y, #{$kendo-grid-sm-padding-y} ) !default;
88
- $kendo-grid-sm-grouping-header-padding-x: var( --kendo-grid-sm-grouping-header-padding-x, #{k-spacing(1.5)} ) !default;
89
- $kendo-grid-sm-grouping-header-padding-y: var( --kendo-grid-sm-grouping-header-padding-y, #{$kendo-grid-sm-grouping-header-padding-x} ) !default;
90
- $kendo-grid-sm-cell-padding-x: var( --kendo-grid-sm-cell-padding-x, #{$kendo-grid-sm-padding-x} ) !default;
91
- $kendo-grid-sm-cell-padding-y: var( --kendo-grid-sm-cell-padding-y, #{$kendo-grid-sm-padding-y} ) !default;
92
- $kendo-grid-sm-filter-cell-padding-x: var( --kendo-grid-sm-filter-cell-padding-x, #{$kendo-grid-sm-padding-x} ) !default;
93
- $kendo-grid-sm-filter-cell-padding-y: var( --kendo-grid-sm-filter-cell-padding-y, #{k-spacing(2)} ) !default;
94
- $kendo-grid-sm-edit-cell-padding-x: var( --kendo-grid-sm-edit-cell-padding-x, #{$kendo-grid-sm-padding-x} ) !default;
95
- $kendo-grid-sm-edit-cell-padding-y: var( --kendo-grid-sm-edit-cell-padding-y, #{k-spacing(0.5)} ) !default;
96
- $kendo-grid-sm-group-dropclue-height: var( --kendo-grid-sm-group-dropclue-height, calc( #{$kendo-chip-sm-calc-size} + #{$kendo-grid-group-drop-hint-size}) ) !default;
97
- $kendo-grid-sm-selection-aggregates-padding-x: var( --kendo-grid-sm-selection-aggregates-padding-x, #{$kendo-grid-sm-padding-y} ) !default;
98
- $kendo-grid-sm-selection-aggregates-padding-y: var( --kendo-grid-sm-selection-aggregates-padding-y, #{$kendo-grid-sm-padding-y} ) !default;
99
-
100
- $kendo-grid-md-padding-x: var( --kendo-grid-md-padding-x, #{$kendo-grid-padding-x} ) !default;
101
- $kendo-grid-md-padding-y: var( --kendo-grid-md-padding-y, #{$kendo-grid-padding-y} ) !default;
102
- $kendo-grid-md-header-padding-x: var( --kendo-grid-md-header-padding-x, #{$kendo-grid-header-padding-x} ) !default;
103
- $kendo-grid-md-header-padding-y: var( --kendo-grid-md-header-padding-y, #{$kendo-grid-header-padding-y} ) !default;
104
- $kendo-grid-md-grouping-header-padding-x: var( --kendo-grid-md-grouping-header-padding-x, #{$kendo-grid-grouping-header-padding-x} ) !default;
105
- $kendo-grid-md-grouping-header-padding-y: var( --kendo-grid-md-grouping-header-padding-y, #{$kendo-grid-grouping-header-padding-y} ) !default;
106
- $kendo-grid-md-cell-padding-x: var( --kendo-grid-md-cell-padding-x, #{$kendo-grid-cell-padding-x} ) !default;
107
- $kendo-grid-md-cell-padding-y: var( --kendo-grid-md-cell-padding-y, #{$kendo-grid-cell-padding-y} ) !default;
108
- $kendo-grid-md-filter-cell-padding-x: var( --kendo-grid-md-filter-cell-padding-x, #{$kendo-grid-filter-cell-padding-x} ) !default;
109
- $kendo-grid-md-filter-cell-padding-y: var( --kendo-grid-md-filter-cell-padding-y, #{$kendo-grid-filter-cell-padding-y} ) !default;
110
- $kendo-grid-md-edit-cell-padding-x: var( --kendo-grid-md-edit-cell-padding-x, #{$kendo-grid-edit-cell-padding-x} ) !default;
111
- $kendo-grid-md-edit-cell-padding-y: var( --kendo-grid-md-edit-cell-padding-y, #{$kendo-grid-edit-cell-padding-y} ) !default;
112
- $kendo-grid-md-group-dropclue-height: var( --kendo-grid-md-group-dropclue-height, #{$kendo-grid-group-drop-hint-height} ) !default;
113
- $kendo-grid-md-selection-aggregates-padding-x: var( --kendo-grid-md-selection-aggregates-padding-x, #{k-spacing(2)} ) !default;
114
- $kendo-grid-md-selection-aggregates-padding-y: var( --kendo-grid-md-selection-aggregates-padding-y, #{$kendo-grid-md-selection-aggregates-padding-x} ) !default;
86
+ $kendo-grid-sm-header-padding-x: $kendo-grid-sm-padding-x !default;
87
+ $kendo-grid-sm-header-padding-y: $kendo-grid-sm-padding-y !default;
88
+ $kendo-grid-sm-grouping-header-padding-x: k-spacing(1.5) !default;
89
+ $kendo-grid-sm-grouping-header-padding-y: $kendo-grid-sm-grouping-header-padding-x !default;
90
+ $kendo-grid-sm-cell-padding-x: $kendo-grid-sm-padding-x !default;
91
+ $kendo-grid-sm-cell-padding-y: $kendo-grid-sm-padding-y !default;
92
+ $kendo-grid-sm-filter-cell-padding-x: $kendo-grid-sm-padding-x !default;
93
+ $kendo-grid-sm-filter-cell-padding-y: k-spacing(2) !default;
94
+ $kendo-grid-sm-edit-cell-padding-x: $kendo-grid-sm-padding-x !default;
95
+ $kendo-grid-sm-edit-cell-padding-y: k-spacing(0.5) !default;
96
+ $kendo-grid-sm-group-dropclue-height: calc( #{$kendo-chip-sm-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default;
97
+ $kendo-grid-sm-selection-aggregates-padding-x: $kendo-grid-sm-padding-y !default;
98
+ $kendo-grid-sm-selection-aggregates-padding-y: $kendo-grid-sm-padding-y !default;
99
+
100
+ $kendo-grid-md-padding-x: $kendo-grid-padding-x !default;
101
+ $kendo-grid-md-padding-y: $kendo-grid-padding-y !default;
102
+ $kendo-grid-md-header-padding-x: $kendo-grid-header-padding-x !default;
103
+ $kendo-grid-md-header-padding-y: $kendo-grid-header-padding-y !default;
104
+ $kendo-grid-md-grouping-header-padding-x: $kendo-grid-grouping-header-padding-x !default;
105
+ $kendo-grid-md-grouping-header-padding-y: $kendo-grid-grouping-header-padding-y !default;
106
+ $kendo-grid-md-cell-padding-x: $kendo-grid-cell-padding-x !default;
107
+ $kendo-grid-md-cell-padding-y: $kendo-grid-cell-padding-y !default;
108
+ $kendo-grid-md-filter-cell-padding-x: $kendo-grid-filter-cell-padding-x !default;
109
+ $kendo-grid-md-filter-cell-padding-y: $kendo-grid-filter-cell-padding-y !default;
110
+ $kendo-grid-md-edit-cell-padding-x: $kendo-grid-edit-cell-padding-x !default;
111
+ $kendo-grid-md-edit-cell-padding-y: $kendo-grid-edit-cell-padding-y !default;
112
+ $kendo-grid-md-group-dropclue-height: $kendo-grid-group-drop-hint-height !default;
113
+ $kendo-grid-md-selection-aggregates-padding-x: k-spacing(2) !default;
114
+ $kendo-grid-md-selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-x !default;
115
115
 
116
116
 
117
117
  // Kendo Grid sizes
@@ -297,10 +297,10 @@ $kendo-grid-toolbar-border-width: var( --kendo-grid-toolbar-border-width, #{$ken
297
297
 
298
298
  /// The vertical border width of the Grid cell.
299
299
  /// @group grid
300
- $kendo-grid-cell-border-width-y: var( --kendo-grid-cell-border-width-y, #{$kendo-grid-border-width} ) !default;
300
+ $kendo-grid-cell-border-width-y: $kendo-grid-border-width !default;
301
301
  /// The horizontal border width of the Grid cell.
302
302
  /// @group grid
303
- $kendo-grid-cell-border-width-x: var( --kendo-grid-cell-border-width-x, 0px ) !default;
303
+ $kendo-grid-cell-border-width-x: 0px !default;
304
304
  /// The font size of the Grid sort index.
305
305
  /// @group grid
306
306
  $kendo-grid-sort-index-font-size: var( --kendo-grid-sort-index-font-size, var(--kendo-font-size-sm, inherit) ) !default;