@progress/kendo-theme-default 7.3.0-dev.1 → 8.0.0-dev.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 (163) hide show
  1. package/dist/all.css +9608 -9003
  2. package/dist/all.scss +5335 -5049
  3. package/dist/default-blue.scss +143 -29
  4. package/dist/default-dataviz-v4.scss +45 -6
  5. package/dist/default-green.scss +135 -29
  6. package/dist/default-main-dark.scss +190 -34
  7. package/dist/default-main.scss +34 -29
  8. package/dist/default-nordic.scss +143 -29
  9. package/dist/default-ocean-blue-a11y.scss +170 -33
  10. package/dist/default-ocean-blue.scss +166 -33
  11. package/dist/default-orange.scss +143 -29
  12. package/dist/default-purple.scss +143 -29
  13. package/dist/default-turquoise.scss +143 -29
  14. package/dist/default-urban.scss +143 -29
  15. package/dist/meta/sassdoc-data.json +31805 -30179
  16. package/dist/meta/sassdoc-raw-data.json +3341 -2591
  17. package/dist/meta/variables.json +3843 -3739
  18. package/lib/swatches/default-blue.json +541 -1
  19. package/lib/swatches/default-dataviz-v4.json +166 -1
  20. package/lib/swatches/default-green.json +501 -1
  21. package/lib/swatches/default-main-dark.json +751 -1
  22. package/lib/swatches/default-main.json +11 -1
  23. package/lib/swatches/default-nordic.json +541 -1
  24. package/lib/swatches/default-ocean-blue-a11y.json +672 -8
  25. package/lib/swatches/default-ocean-blue.json +645 -3
  26. package/lib/swatches/default-orange.json +541 -1
  27. package/lib/swatches/default-purple.json +541 -1
  28. package/lib/swatches/default-turquoise.json +541 -1
  29. package/lib/swatches/default-urban.json +541 -1
  30. package/package.json +4 -4
  31. package/scss/_variables.scss +0 -172
  32. package/scss/action-buttons/_variables.scss +4 -4
  33. package/scss/action-sheet/_layout.scss +1 -1
  34. package/scss/action-sheet/_variables.scss +17 -17
  35. package/scss/adaptive/_layout.scss +8 -8
  36. package/scss/adaptive/_variables.scss +3 -3
  37. package/scss/appbar/_variables.scss +6 -6
  38. package/scss/avatar/_variables.scss +6 -6
  39. package/scss/badge/_variables.scss +17 -17
  40. package/scss/bottom-navigation/_layout.scss +2 -2
  41. package/scss/bottom-navigation/_variables.scss +9 -9
  42. package/scss/breadcrumb/_variables.scss +17 -17
  43. package/scss/button/_variables.scss +21 -21
  44. package/scss/calendar/_layout.scss +2 -2
  45. package/scss/calendar/_theme.scss +1 -1
  46. package/scss/calendar/_variables.scss +33 -61
  47. package/scss/captcha/_variables.scss +6 -6
  48. package/scss/card/_variables.scss +18 -18
  49. package/scss/chat/_layout.scss +7 -7
  50. package/scss/chat/_variables.scss +13 -13
  51. package/scss/checkbox/_layout.scss +1 -1
  52. package/scss/checkbox/_variables.scss +9 -9
  53. package/scss/chip/_layout.scss +1 -1
  54. package/scss/chip/_variables.scss +15 -15
  55. package/scss/color-preview/_variables.scss +1 -1
  56. package/scss/coloreditor/_variables.scss +7 -7
  57. package/scss/colorgradient/_layout.scss +1 -1
  58. package/scss/colorgradient/_variables.scss +10 -10
  59. package/scss/colorpalette/_variables.scss +3 -3
  60. package/scss/common/_base.scss +7 -7
  61. package/scss/core/_index.scss +12 -0
  62. package/scss/core/border-radii/index.import.scss +1 -0
  63. package/scss/core/color-system/_swatch-legacy.scss +1 -1
  64. package/scss/core/color-system/_swatch.scss +1 -1
  65. package/scss/core/spacing/index.import.scss +29 -0
  66. package/scss/core/typography/index.import.scss +1 -0
  67. package/scss/dataviz/_layout.scss +8 -8
  68. package/scss/dataviz/_variables.scss +8 -8
  69. package/scss/daterangepicker/_layout.scss +1 -1
  70. package/scss/datetimepicker/_variables.scss +1 -1
  71. package/scss/dock-manager/_variables.scss +10 -10
  72. package/scss/draggable/_variables.scss +4 -4
  73. package/scss/drawer/_layout.scss +3 -3
  74. package/scss/drawer/_variables.scss +8 -18
  75. package/scss/dropdowntree/_layout.scss +2 -2
  76. package/scss/dropdowntree/_variables.scss +2 -2
  77. package/scss/dropzone/_variables.scss +8 -8
  78. package/scss/editor/_layout.scss +5 -5
  79. package/scss/editor/_variables.scss +3 -3
  80. package/scss/expansion-panel/_variables.scss +9 -9
  81. package/scss/fab/_layout.scss +4 -4
  82. package/scss/fab/_variables.scss +18 -18
  83. package/scss/filemanager/_layout.scss +3 -3
  84. package/scss/filemanager/_variables.scss +9 -9
  85. package/scss/filter/_layout.scss +4 -4
  86. package/scss/filter/_variables.scss +2 -2
  87. package/scss/forms/_layout.scss +16 -16
  88. package/scss/forms/_variables.scss +17 -17
  89. package/scss/gantt/_layout.scss +12 -12
  90. package/scss/gantt/_variables.scss +151 -7
  91. package/scss/grid/_layout.scss +10 -10
  92. package/scss/grid/_variables.scss +64 -64
  93. package/scss/imageeditor/_variables.scss +7 -7
  94. package/scss/input/_layout.scss +5 -5
  95. package/scss/input/_variables.scss +14 -14
  96. package/scss/list/_variables.scss +27 -27
  97. package/scss/listbox/_variables.scss +6 -6
  98. package/scss/listgroup/_layout.scss +7 -7
  99. package/scss/listgroup/_variables.scss +5 -5
  100. package/scss/listview/_variables.scss +7 -7
  101. package/scss/loader/_layout.scss +9 -9
  102. package/scss/loader/_variables.scss +25 -25
  103. package/scss/map/_layout.scss +1 -1
  104. package/scss/map/_variables.scss +8 -8
  105. package/scss/mediaplayer/_variables.scss +5 -5
  106. package/scss/menu/_layout.scss +1 -1
  107. package/scss/menu/_variables.scss +30 -30
  108. package/scss/menu-button/_layout.scss +3 -3
  109. package/scss/messagebox/_variables.scss +3 -3
  110. package/scss/notification/_variables.scss +7 -7
  111. package/scss/orgchart/_variables.scss +11 -11
  112. package/scss/pager/_variables.scss +10 -10
  113. package/scss/panelbar/_layout.scss +2 -2
  114. package/scss/panelbar/_variables.scss +9 -9
  115. package/scss/pdf-viewer/_variables.scss +5 -5
  116. package/scss/pivotgrid/_layout.scss +12 -12
  117. package/scss/pivotgrid/_variables.scss +15 -15
  118. package/scss/popup/_layout.scss +1 -1
  119. package/scss/popup/_theme.scss +1 -1
  120. package/scss/popup/_variables.scss +4 -4
  121. package/scss/progressbar/_layout.scss +2 -2
  122. package/scss/progressbar/_variables.scss +2 -2
  123. package/scss/prompt/_variables.scss +7 -7
  124. package/scss/radio/_layout.scss +1 -1
  125. package/scss/radio/_variables.scss +9 -9
  126. package/scss/rating/_variables.scss +4 -4
  127. package/scss/scheduler/_layout.scss +5 -5
  128. package/scss/scheduler/_theme.scss +1 -1
  129. package/scss/scheduler/_variables.scss +18 -18
  130. package/scss/scrollview/_layout.scss +1 -1
  131. package/scss/scrollview/_variables.scss +5 -5
  132. package/scss/signature/_variables.scss +5 -5
  133. package/scss/skeleton/_variables.scss +1 -1
  134. package/scss/slider/_theme.scss +1 -1
  135. package/scss/slider/_variables.scss +3 -3
  136. package/scss/splitter/_variables.scss +6 -6
  137. package/scss/spreadsheet/_layout.scss +11 -11
  138. package/scss/spreadsheet/_variables.scss +17 -17
  139. package/scss/stepper/_variables.scss +8 -8
  140. package/scss/table/_layout.scss +1 -1
  141. package/scss/table/_variables.scss +12 -12
  142. package/scss/tabstrip/_layout.scss +2 -2
  143. package/scss/tabstrip/_variables.scss +11 -11
  144. package/scss/taskboard/_variables.scss +16 -16
  145. package/scss/tilelayout/_variables.scss +2 -2
  146. package/scss/timeline/_layout.scss +4 -4
  147. package/scss/timeline/_variables.scss +10 -10
  148. package/scss/timeselector/_layout.scss +1 -1
  149. package/scss/timeselector/_variables.scss +6 -6
  150. package/scss/toolbar/_layout.scss +2 -2
  151. package/scss/toolbar/_variables.scss +12 -12
  152. package/scss/tooltip/_layout.scss +10 -10
  153. package/scss/tooltip/_variables.scss +4 -4
  154. package/scss/treelist/_layout.scss +1 -1
  155. package/scss/treelist/_variables.scss +5 -0
  156. package/scss/treeview/_layout.scss +1 -1
  157. package/scss/treeview/_variables.scss +20 -20
  158. package/scss/typography/_layout.scss +51 -111
  159. package/scss/typography/_variables.scss +136 -53
  160. package/scss/upload/_layout.scss +3 -3
  161. package/scss/upload/_variables.scss +8 -8
  162. package/scss/window/_variables.scss +7 -7
  163. package/scss/wizard/_variables.scss +7 -7
package/scss/typography/_variables.scss CHANGED
@@ -2,33 +2,33 @@
2
2
 
3
3
 
4
4
  // Headings
5
- $kendo-h1-font-size: ($kendo-font-size-md * 3) !default;
6
- $kendo-h2-font-size: 34px !default;
7
- $kendo-h3-font-size: ($kendo-font-size-md * 2) !default;
8
- $kendo-h4-font-size: 22px !default;
9
- $kendo-h5-font-size: $kendo-font-size-lg !default;
10
- $kendo-h6-font-size: $kendo-font-size-md !default;
11
-
12
- $kendo-h1-font-family: $kendo-font-family !default;
13
- $kendo-h2-font-family: $kendo-font-family !default;
14
- $kendo-h3-font-family: $kendo-font-family !default;
15
- $kendo-h4-font-family: $kendo-font-family !default;
16
- $kendo-h5-font-family: $kendo-font-family !default;
17
- $kendo-h6-font-family: $kendo-font-family !default;
18
-
19
- $kendo-h1-line-height: 54px !default;
20
- $kendo-h2-line-height: 46px !default;
5
+ $kendo-h1-font-size: calc( var( --kendo-font-size, inherit ) * 4 ) !default;
6
+ $kendo-h2-font-size: calc( var( --kendo-font-size, inherit ) * 3 ) !default;
7
+ $kendo-h3-font-size: calc( var( --kendo-font-size, inherit ) * 2.5 ) !default;
8
+ $kendo-h4-font-size: calc( var( --kendo-font-size, inherit ) * 2 ) !default;
9
+ $kendo-h5-font-size: calc( var( --kendo-font-size, inherit ) * 1.5 ) !default;
10
+ $kendo-h6-font-size: var( --kendo-font-size, inherit ) !default;
11
+
12
+ $kendo-h1-font-family: var( --kendo-font-family, inherit ) !default;
13
+ $kendo-h2-font-family: var( --kendo-font-family, inherit ) !default;
14
+ $kendo-h3-font-family: var( --kendo-font-family, inherit ) !default;
15
+ $kendo-h4-font-family: var( --kendo-font-family, inherit ) !default;
16
+ $kendo-h5-font-family: var( --kendo-font-family, inherit ) !default;
17
+ $kendo-h6-font-family: var( --kendo-font-family, inherit ) !default;
18
+
19
+ $kendo-h1-line-height: 74px !default;
20
+ $kendo-h2-line-height: 56px !default;
21
21
  $kendo-h3-line-height: 42px !default;
22
- $kendo-h4-line-height: 32px !default;
23
- $kendo-h5-line-height: 26px !default;
22
+ $kendo-h4-line-height: 40px !default;
23
+ $kendo-h5-line-height: 28px !default;
24
24
  $kendo-h6-line-height: 20px !default;
25
25
 
26
- $kendo-h1-font-weight: $kendo-font-weight-normal !default;
27
- $kendo-h2-font-weight: $kendo-font-weight-normal !default;
28
- $kendo-h3-font-weight: $kendo-font-weight-normal !default;
29
- $kendo-h4-font-weight: $kendo-font-weight-bold !default;
30
- $kendo-h5-font-weight: $kendo-font-weight-bold !default;
31
- $kendo-h6-font-weight: $kendo-font-weight-bold !default;
26
+ $kendo-h1-font-weight: var( --kendo-font-weight-normal, normal ) !default;
27
+ $kendo-h2-font-weight: var( --kendo-font-weight-normal, normal ) !default;
28
+ $kendo-h3-font-weight: var( --kendo-font-weight-normal, normal ) !default;
29
+ $kendo-h4-font-weight: var( --kendo-font-weight-bold, normal ) !default;
30
+ $kendo-h5-font-weight: var( --kendo-font-weight-bold, normal ) !default;
31
+ $kendo-h6-font-weight: var( --kendo-font-weight-bold, normal ) !default;
32
32
 
33
33
  $kendo-h1-letter-spacing: null !default;
34
34
  $kendo-h2-letter-spacing: null !default;
@@ -37,34 +37,86 @@ $kendo-h4-letter-spacing: null !default;
37
37
  $kendo-h5-letter-spacing: null !default;
38
38
  $kendo-h6-letter-spacing: null !default;
39
39
 
40
- $kendo-h1-margin: 0 0 $kendo-font-size-md !default;
41
- $kendo-h2-margin: 0 0 $kendo-font-size-md !default;
42
- $kendo-h3-margin: 0 0 $kendo-font-size-md !default;
43
- $kendo-h4-margin: 0 0 $kendo-font-size-md !default;
44
- $kendo-h5-margin: 0 0 $kendo-font-size-md !default;
45
- $kendo-h6-margin: 0 0 $kendo-font-size-md !default;
40
+ $kendo-h1-margin: 0 0 var( --kendo-font-size, inherit ) !default;
41
+ $kendo-h2-margin: 0 0 var( --kendo-font-size, inherit ) !default;
42
+ $kendo-h3-margin: 0 0 var( --kendo-font-size, inherit ) !default;
43
+ $kendo-h4-margin: 0 0 var( --kendo-font-size, inherit ) !default;
44
+ $kendo-h5-margin: 0 0 var( --kendo-font-size, inherit ) !default;
45
+ $kendo-h6-margin: 0 0 var( --kendo-font-size, inherit ) !default;
46
+
47
+ $kendo-headings: (
48
+ h1: (
49
+ font-size: $kendo-h1-font-size,
50
+ font-family: $kendo-h1-font-family,
51
+ line-height: $kendo-h1-line-height,
52
+ font-weight: $kendo-h1-font-weight,
53
+ letter-spacing: $kendo-h1-letter-spacing,
54
+ margin: $kendo-h1-margin
55
+
56
+ ),
57
+ h2: (
58
+ font-size: $kendo-h2-font-size,
59
+ font-family: $kendo-h2-font-family,
60
+ line-height: $kendo-h2-line-height,
61
+ font-weight: $kendo-h2-font-weight,
62
+ letter-spacing: $kendo-h2-letter-spacing,
63
+ margin: $kendo-h2-margin
64
+ ),
65
+ h3: (
66
+ font-size: $kendo-h3-font-size,
67
+ font-family: $kendo-h3-font-family,
68
+ line-height: $kendo-h3-line-height,
69
+ font-weight: $kendo-h3-font-weight,
70
+ letter-spacing: $kendo-h3-letter-spacing,
71
+ margin: $kendo-h3-margin
72
+ ),
73
+ h4: (
74
+ font-size: $kendo-h4-font-size,
75
+ font-family: $kendo-h4-font-family,
76
+ line-height: $kendo-h4-line-height,
77
+ font-weight: $kendo-h4-font-weight,
78
+ letter-spacing: $kendo-h4-letter-spacing,
79
+ margin: $kendo-h4-margin
80
+ ),
81
+ h5: (
82
+ font-size: $kendo-h5-font-size,
83
+ font-family: $kendo-h5-font-family,
84
+ line-height: $kendo-h5-line-height,
85
+ font-weight: $kendo-h5-font-weight,
86
+ letter-spacing: $kendo-h5-letter-spacing,
87
+ margin: $kendo-h5-margin
88
+ ),
89
+ h6: (
90
+ font-size: $kendo-h6-font-size,
91
+ font-family: $kendo-h6-font-family,
92
+ line-height: $kendo-h6-line-height,
93
+ font-weight: $kendo-h6-font-weight,
94
+ letter-spacing: $kendo-h6-letter-spacing,
95
+ margin: $kendo-h6-margin
96
+ ),
97
+ ) !default;
46
98
 
47
99
 
48
100
  // Paragraph
49
- $kendo-paragraph-margin: 0 0 $kendo-font-size-md !default;
50
- $kendo-paragraph-font-size: $kendo-font-size-md !default;
51
- $kendo-paragraph-font-family: $kendo-font-family !default;
101
+ $kendo-paragraph-margin: 0 0 var( --kendo-font-size, inherit ) !default;
102
+ $kendo-paragraph-font-size: var( --kendo-font-size, inherit ) !default;
103
+ $kendo-paragraph-font-family: var( --kendo-font-family, inherit ) !default;
52
104
  $kendo-paragraph-line-height: 20px !default;
53
- $kendo-paragraph-font-weight: $kendo-font-weight-normal !default;
105
+ $kendo-paragraph-font-weight: var( --kendo-font-weight-normal, normal ) !default;
54
106
  $kendo-paragraph-letter-spacing: null !default;
55
107
 
56
108
 
57
109
  // Code
58
- $kendo-code-font-size: $kendo-font-size-md !default;
59
- $kendo-code-font-family: $kendo-font-family-monospace !default;
110
+ $kendo-code-font-size: var( --kendo-font-size, inherit ) !default;
111
+ $kendo-code-font-family: var( --kendo-font-family-monospace, normal ) !default;
60
112
  $kendo-code-line-height: 20px !default;
61
- $kendo-code-font-weight: $kendo-font-weight-normal !default;
113
+ $kendo-code-font-weight: var( --kendo-font-weight-normal, normal ) !default;
62
114
  $kendo-code-letter-spacing: null !default;
63
115
 
64
- $kendo-code-padding-x: 4px !default;
65
- $kendo-code-padding-y: 0px !default;
66
- $kendo-pre-padding-x: 24px !default;
67
- $kendo-pre-padding-y: 16px !default;
116
+ $kendo-code-padding-x: k-spacing(1) !default;
117
+ $kendo-code-padding-y: k-spacing(0) !default;
118
+ $kendo-pre-padding-x: k-spacing(6) !default;
119
+ $kendo-pre-padding-y: k-spacing(4) !default;
68
120
  $kendo-code-border-width: 1px !default;
69
121
 
70
122
  $kendo-code-bg: $kendo-base-bg !default;
@@ -73,27 +125,58 @@ $kendo-code-border: $kendo-component-border !default;
73
125
 
74
126
 
75
127
  // Display
76
- $kendo-display1-font-size: ($kendo-font-size-md * 6) !default;
77
- $kendo-display2-font-size: ($kendo-font-size-md * 5) !default;
78
- $kendo-display3-font-size: ($kendo-font-size-md * 4) !default;
79
- $kendo-display4-font-size: ($kendo-font-size-md * 3) !default;
128
+ $kendo-display1-font-size: calc( var( --kendo-font-size, inherit ) * 8) !default;
129
+ $kendo-display2-font-size: calc( var( --kendo-font-size, inherit ) * 7) !default;
130
+ $kendo-display3-font-size: calc( var( --kendo-font-size, inherit ) * 6) !default;
131
+ $kendo-display4-font-size: calc( var( --kendo-font-size, inherit ) * 5) !default;
80
132
 
81
- $kendo-display1-font-family: $kendo-font-family !default;
82
- $kendo-display2-font-family: $kendo-font-family !default;
83
- $kendo-display3-font-family: $kendo-font-family !default;
84
- $kendo-display4-font-family: $kendo-font-family !default;
133
+ $kendo-display1-font-family: var( --kendo-font-family, inherit ) !default;
134
+ $kendo-display2-font-family: var( --kendo-font-family, inherit ) !default;
135
+ $kendo-display3-font-family: var( --kendo-font-family, inherit ) !default;
136
+ $kendo-display4-font-family: var( --kendo-font-family, inherit ) !default;
85
137
 
86
138
  $kendo-display1-line-height: 1.2 !default;
87
139
  $kendo-display2-line-height: 1.2 !default;
88
140
  $kendo-display3-line-height: 1.2 !default;
89
141
  $kendo-display4-line-height: 1.2 !default;
90
142
 
91
- $kendo-display1-font-weight: $kendo-font-weight-light !default;
92
- $kendo-display2-font-weight: $kendo-font-weight-light !default;
93
- $kendo-display3-font-weight: $kendo-font-weight-light !default;
94
- $kendo-display4-font-weight: $kendo-font-weight-light !default;
143
+ $kendo-display1-font-weight: var( --kendo-font-weight-light, normal ) !default;
144
+ $kendo-display2-font-weight: var( --kendo-font-weight-light, normal ) !default;
145
+ $kendo-display3-font-weight: var( --kendo-font-weight-light, normal ) !default;
146
+ $kendo-display4-font-weight: var( --kendo-font-weight-light, normal ) !default;
95
147
 
96
148
  $kendo-display1-letter-spacing: null !default;
97
149
  $kendo-display2-letter-spacing: null !default;
98
150
  $kendo-display3-letter-spacing: null !default;
99
151
  $kendo-display4-letter-spacing: null !default;
152
+
153
+ $kendo-display: (
154
+ 1: (
155
+ font-size: $kendo-display1-font-size,
156
+ font-family: $kendo-display1-font-family,
157
+ line-height: $kendo-display1-line-height,
158
+ font-weight: $kendo-display1-font-weight,
159
+ letter-spacing: $kendo-display1-letter-spacing
160
+ ),
161
+ 2: (
162
+ font-size: $kendo-display2-font-size,
163
+ font-family: $kendo-display2-font-family,
164
+ line-height: $kendo-display2-line-height,
165
+ font-weight: $kendo-display2-font-weight,
166
+ letter-spacing: $kendo-display2-letter-spacing
167
+ ),
168
+ 3: (
169
+ font-size: $kendo-display3-font-size,
170
+ font-family: $kendo-display3-font-family,
171
+ line-height: $kendo-display3-line-height,
172
+ font-weight: $kendo-display3-font-weight,
173
+ letter-spacing: $kendo-display3-letter-spacing
174
+ ),
175
+ 4: (
176
+ font-size: $kendo-display4-font-size,
177
+ font-family: $kendo-display4-font-family,
178
+ line-height: $kendo-display4-line-height,
179
+ font-weight: $kendo-display4-font-weight,
180
+ letter-spacing: $kendo-display4-letter-spacing
181
+ ),
182
+ ) !default;
package/scss/upload/_layout.scss CHANGED
@@ -113,7 +113,7 @@
113
113
  }
114
114
 
115
115
  .k-filename {
116
- margin-left: k-map-get( $kendo-spacing, 4 );
116
+ margin-left: k-spacing(4);
117
117
  flex: 1;
118
118
  overflow: hidden;
119
119
  text-overflow: ellipsis;
@@ -197,7 +197,7 @@
197
197
  }
198
198
 
199
199
  .k-file-summary {
200
- margin-top: - k-math-div($kendo-upload-multiple-items-spacing, 3);
200
+ margin-top: calc( calc( #{$kendo-upload-multiple-items-spacing} / 3) * -1 );
201
201
  }
202
202
  }
203
203
 
@@ -206,7 +206,7 @@
206
206
  position: absolute;
207
207
  left: $kendo-upload-item-padding-x;
208
208
  right: $kendo-upload-item-padding-x;
209
- bottom: k-math-div( $kendo-upload-item-padding-y, 2 );
209
+ bottom: calc( #{$kendo-upload-item-padding-y} / 2 );
210
210
  width: auto;
211
211
  }
212
212
 
package/scss/upload/_variables.scss CHANGED
@@ -5,13 +5,13 @@
5
5
  $kendo-upload-border-width: 1px !default;
6
6
  /// The font family of the Upload.
7
7
  /// @group upload
8
- $kendo-upload-font-family: $kendo-font-family !default;
8
+ $kendo-upload-font-family: var( --kendo-font-family, inherit ) !default;
9
9
  /// The font size of the Upload.
10
10
  /// @group upload
11
- $kendo-upload-font-size: $kendo-font-size-md !default;
11
+ $kendo-upload-font-size: var( --kendo-font-size, inherit ) !default;
12
12
  /// The line height of the Upload.
13
13
  /// @group upload
14
- $kendo-upload-line-height: $kendo-line-height-md !default;
14
+ $kendo-upload-line-height: var( --kendo-line-height, normal ) !default;
15
15
  /// The maximum height of the list with uploaded items.
16
16
  /// @group upload
17
17
  $kendo-upload-max-height: 300px !default;
@@ -28,10 +28,10 @@ $kendo-upload-border: $kendo-component-border !default;
28
28
 
29
29
  /// The horizontal padding of the Upload dropzone.
30
30
  /// @group upload
31
- $kendo-upload-dropzone-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
31
+ $kendo-upload-dropzone-padding-x: k-spacing(2) !default;
32
32
  /// The vertical padding of the Upload dropzone.
33
33
  /// @group upload
34
- $kendo-upload-dropzone-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
34
+ $kendo-upload-dropzone-padding-y: k-spacing(2) !default;
35
35
  /// The text color of the Upload dropzone.
36
36
  /// @group upload
37
37
  $kendo-upload-dropzone-text: $kendo-component-header-text !default;
@@ -54,14 +54,14 @@ $kendo-upload-status-text-opacity: null !default;
54
54
 
55
55
  /// The horizontal padding of an uploaded item.
56
56
  /// @group upload
57
- $kendo-upload-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
57
+ $kendo-upload-item-padding-x: k-spacing(2) !default;
58
58
  /// The vertical padding of an uploaded item.
59
59
  /// @group upload
60
- $kendo-upload-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
60
+ $kendo-upload-item-padding-y: k-spacing(2) !default;
61
61
 
62
62
  /// The vertical spacing between uploaded batch items.
63
63
  /// @group upload
64
- $kendo-upload-multiple-items-spacing: 12px !default;
64
+ $kendo-upload-multiple-items-spacing: k-spacing(3) !default;
65
65
 
66
66
  /// The font size of the Upload validation message.
67
67
  /// @group upload
package/scss/window/_variables.scss CHANGED
@@ -10,20 +10,20 @@ $kendo-window-border-width: 0px !default;
10
10
  $kendo-window-border-radius: 0px !default;
11
11
  /// The font family of the Window.
12
12
  /// @group window
13
- $kendo-window-font-family: $kendo-font-family !default;
13
+ $kendo-window-font-family: var( --kendo-font-family, inherit ) !default;
14
14
  /// The font size of the Window.
15
15
  /// @group window
16
- $kendo-window-font-size: $kendo-font-size-md !default;
16
+ $kendo-window-font-size: var( --kendo-font-size, inherit ) !default;
17
17
  /// The line height of the Window.
18
18
  /// @group window
19
19
  $kendo-window-line-height: 1.25 !default;
20
20
 
21
21
  /// The horizontal padding of the Window titlebar.
22
22
  /// @group window
23
- $kendo-window-titlebar-padding-x: 16px !default;
23
+ $kendo-window-titlebar-padding-x: k-spacing(4) !default;
24
24
  /// The vertical padding of the Window titlebar.
25
25
  /// @group window
26
- $kendo-window-titlebar-padding-y: 12px !default;
26
+ $kendo-window-titlebar-padding-y: k-spacing(3) !default;
27
27
  /// The width of the border of the Window titlebar.
28
28
  /// @group window
29
29
  $kendo-window-titlebar-border-width: 0 0 1px !default;
@@ -33,7 +33,7 @@ $kendo-window-titlebar-border-style: solid !default;
33
33
 
34
34
  /// The font size of the title of the Window.
35
35
  /// @group window
36
- $kendo-window-title-font-size: $kendo-font-size-lg !default;
36
+ $kendo-window-title-font-size: var( --kendo-font-size-lg, inherit ) !default;
37
37
  /// The line height of the title of the Window.
38
38
  /// @group window
39
39
  $kendo-window-title-line-height: 1.25 !default;
@@ -50,10 +50,10 @@ $kendo-window-action-hover-opacity: null !default;
50
50
 
51
51
  /// The horizontal padding of the content of the Window.
52
52
  /// @group window
53
- $kendo-window-inner-padding-x: 16px !default;
53
+ $kendo-window-inner-padding-x: k-spacing(4) !default;
54
54
  /// The vertical padding of the content of the Window.
55
55
  /// @group window
56
- $kendo-window-inner-padding-y: 16px !default;
56
+ $kendo-window-inner-padding-y: k-spacing(4) !default;
57
57
 
58
58
  /// The horizontal padding of the Window action buttons.
59
59
  /// @group window
package/scss/wizard/_variables.scss CHANGED
@@ -2,32 +2,32 @@
2
2
 
3
3
  /// The horizontal padding of the Wizard.
4
4
  /// @group wizard
5
- $kendo-wizard-padding-x: $kendo-padding-md-x * 2.5 !default;
5
+ $kendo-wizard-padding-x: calc( #{$kendo-padding-md-x} * 2.5 ) !default;
6
6
  /// The vertical padding of the Wizard.
7
7
  /// @group wizard
8
8
  $kendo-wizard-padding-y: $kendo-wizard-padding-x !default;
9
9
  /// The horizontal padding of the Wizard content.
10
10
  /// @group wizard
11
- $kendo-wizard-content-padding-x: $kendo-padding-md-x * 4 !default;
11
+ $kendo-wizard-content-padding-x: calc( #{$kendo-padding-md-x} * 4 ) !default;
12
12
  /// The vertical padding of the Wizard content.
13
13
  /// @group wizard
14
- $kendo-wizard-content-padding-y: $kendo-padding-md-y * 8 !default;
14
+ $kendo-wizard-content-padding-y: calc( #{$kendo-padding-md-y} * 8 ) !default;
15
15
  /// The horizontal margin of the Wizard's Button container.
16
16
  /// @group wizard
17
- $kendo-wizard-buttons-margin-x: 10px !default;
17
+ $kendo-wizard-buttons-margin-x: k-spacing(2.5) !default;
18
18
 
19
19
  /// The border width of the Wizard.
20
20
  /// @group wizard
21
21
  $kendo-wizard-border-width: 0px !default;
22
22
  /// The font size of the Wizard.
23
23
  /// @group wizard
24
- $kendo-wizard-font-size: $kendo-font-size-md !default;
24
+ $kendo-wizard-font-size: var( --kendo-font-size, inherit ) !default;
25
25
  /// The line height of the Wizard.
26
26
  /// @group wizard
27
- $kendo-wizard-line-height: $kendo-line-height-md !default;
27
+ $kendo-wizard-line-height: var( --kendo-line-height, normal ) !default;
28
28
  /// The font family of the Wizard.
29
29
  /// @group wizard
30
- $kendo-wizard-font-family: $kendo-font-family !default;
30
+ $kendo-wizard-font-family: var( --kendo-font-family, inherit ) !default;
31
31
 
32
32
  /// The outline of the focused Wizard step.
33
33
  /// @group wizard