@progress/kendo-theme-default 8.0.0-dev.8 → 8.0.0-dev.9
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.
- package/dist/all.css +3 -3
- package/dist/all.scss +181 -4
- package/dist/meta/sassdoc-data.json +36542 -28856
- package/dist/meta/sassdoc-raw-data.json +4865 -868
- package/dist/meta/variables.json +3 -3
- package/lib/swatches/default-blue.json +1 -1
- package/lib/swatches/default-dataviz-v4.json +1 -1
- package/lib/swatches/default-green.json +1 -1
- package/lib/swatches/default-main-dark.json +1 -1
- package/lib/swatches/default-main.json +1 -1
- package/lib/swatches/default-nordic.json +1 -1
- package/lib/swatches/default-ocean-blue-a11y.json +1 -1
- package/lib/swatches/default-ocean-blue.json +1 -1
- package/lib/swatches/default-orange.json +1 -1
- package/lib/swatches/default-purple.json +1 -1
- package/lib/swatches/default-turquoise.json +1 -1
- package/lib/swatches/default-urban.json +1 -1
- package/package.json +4 -4
- package/scss/scheduler/_variables.scss +1 -1
- package/scss/slider/_variables.scss +1 -1
- package/scss/tooltip/_variables.scss +1 -1
- package/scss/typography/_variables.scss +157 -1
package/dist/meta/variables.json
CHANGED
|
@@ -3929,7 +3929,7 @@
|
|
|
3929
3929
|
},
|
|
3930
3930
|
"kendo-tooltip-title-font-size": {
|
|
3931
3931
|
"type": "Calculation",
|
|
3932
|
-
"value": "calc(var(--kendo-font-size,
|
|
3932
|
+
"value": "calc(var(--kendo-font-size, 0.875rem) * 1.25)"
|
|
3933
3933
|
},
|
|
3934
3934
|
"kendo-tooltip-title-line-height": {
|
|
3935
3935
|
"type": "Number",
|
|
@@ -4821,7 +4821,7 @@
|
|
|
4821
4821
|
},
|
|
4822
4822
|
"kendo-slider-track-bg": {
|
|
4823
4823
|
"type": "String",
|
|
4824
|
-
"value": "var(--kendo-color-base-
|
|
4824
|
+
"value": "var(--kendo-color-base-emphasis, #c2c2c2)"
|
|
4825
4825
|
},
|
|
4826
4826
|
"kendo-slider-selection-bg": {
|
|
4827
4827
|
"type": "String",
|
|
@@ -11789,7 +11789,7 @@
|
|
|
11789
11789
|
},
|
|
11790
11790
|
"kendo-scheduler-tooltip-day-font-size": {
|
|
11791
11791
|
"type": "Calculation",
|
|
11792
|
-
"value": "calc(var(--kendo-font-size-sm,
|
|
11792
|
+
"value": "calc(var(--kendo-font-size-sm, 0.75rem) * 2)"
|
|
11793
11793
|
},
|
|
11794
11794
|
"kendo-scheduler-tooltip-events-max-height": {
|
|
11795
11795
|
"type": "Number",
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-default",
|
|
3
3
|
"description": "SASS resources for the default Kendo UI theme",
|
|
4
|
-
"version": "8.0.0-dev.
|
|
4
|
+
"version": "8.0.0-dev.9",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -52,12 +52,12 @@
|
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
54
|
"@progress/kendo-svg-icons": "2.3.0",
|
|
55
|
-
"@progress/kendo-theme-core": "8.0.0-dev.
|
|
56
|
-
"@progress/kendo-theme-utils": "8.0.0-dev.
|
|
55
|
+
"@progress/kendo-theme-core": "8.0.0-dev.9",
|
|
56
|
+
"@progress/kendo-theme-utils": "8.0.0-dev.9"
|
|
57
57
|
},
|
|
58
58
|
"directories": {
|
|
59
59
|
"doc": "docs",
|
|
60
60
|
"lib": "lib"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "99bbca3665e8949ba5a7725b0d4c3f51a3713835"
|
|
63
63
|
}
|
|
@@ -208,7 +208,7 @@ $kendo-scheduler-tooltip-title-margin-y: k-spacing(3) !default;
|
|
|
208
208
|
$kendo-scheduler-tooltip-month-font-size: var( --kendo-font-size-sm, inherit ) !default;
|
|
209
209
|
/// The font size of the day inside the Scheduler Tooltip.
|
|
210
210
|
/// @group scheduler
|
|
211
|
-
$kendo-scheduler-tooltip-day-font-size: calc(
|
|
211
|
+
$kendo-scheduler-tooltip-day-font-size: calc( var( --kendo-font-size-sm, .75rem ) * 2 ) !default;
|
|
212
212
|
|
|
213
213
|
/// The max height of the events inside the Scheduler Tooltip.
|
|
214
214
|
/// @group scheduler
|
|
@@ -110,7 +110,7 @@ $kendo-slider-draghandle-transition-function: cubic-bezier(.25, .8, .25, 1) !def
|
|
|
110
110
|
|
|
111
111
|
/// The background color of the Slider track.
|
|
112
112
|
/// @group slider
|
|
113
|
-
$kendo-slider-track-bg: if($kendo-enable-color-system, k-color( base-
|
|
113
|
+
$kendo-slider-track-bg: if($kendo-enable-color-system, k-color( base-emphasis ), k-try-shade( $kendo-component-bg, 1 )) !default;
|
|
114
114
|
/// The background color of the Slider's track selection.
|
|
115
115
|
/// @group slider
|
|
116
116
|
$kendo-slider-selection-bg: $kendo-color-primary !default;
|
|
@@ -25,7 +25,7 @@ $kendo-tooltip-line-height: 1.25 !default;
|
|
|
25
25
|
|
|
26
26
|
/// The font size of the Tooltip title.
|
|
27
27
|
/// @group tooltip
|
|
28
|
-
$kendo-tooltip-title-font-size: calc( (
|
|
28
|
+
$kendo-tooltip-title-font-size: calc( ( var( --kendo-font-size, .875rem ) * 1.25 ) ) !default;
|
|
29
29
|
/// The line height of the Tooltip title.
|
|
30
30
|
/// @group tooltip
|
|
31
31
|
$kendo-tooltip-title-line-height: 1 !default;
|
|
@@ -2,48 +2,123 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
// Headings
|
|
5
|
+
|
|
6
|
+
/// The font size of the highest level heading.
|
|
7
|
+
/// @group typography
|
|
5
8
|
$kendo-h1-font-size: calc( var( --kendo-font-size, .875rem ) * 4 ) !default;
|
|
9
|
+
/// The font size of the second highest level heading.
|
|
10
|
+
/// @group typography
|
|
6
11
|
$kendo-h2-font-size: calc( var( --kendo-font-size, .875rem ) * 3 ) !default;
|
|
12
|
+
/// The font size of the third highest level heading.
|
|
13
|
+
/// @group typography
|
|
7
14
|
$kendo-h3-font-size: calc( var( --kendo-font-size, .875rem ) * 2.5 ) !default;
|
|
15
|
+
/// The font size of the fourth highest level heading.
|
|
16
|
+
/// @group typography
|
|
8
17
|
$kendo-h4-font-size: calc( var( --kendo-font-size, .875rem ) * 2 ) !default;
|
|
18
|
+
/// The font size of the fifth highest level heading.
|
|
19
|
+
/// @group typography
|
|
9
20
|
$kendo-h5-font-size: calc( var( --kendo-font-size, .875rem ) * 1.5 ) !default;
|
|
21
|
+
/// The font size of the sixth highest level heading.
|
|
22
|
+
/// @group typography
|
|
10
23
|
$kendo-h6-font-size: var( --kendo-font-size, inherit ) !default;
|
|
11
24
|
|
|
25
|
+
/// The font family of the highest level heading.
|
|
26
|
+
/// @group typography
|
|
12
27
|
$kendo-h1-font-family: var( --kendo-font-family, inherit ) !default;
|
|
28
|
+
/// The font family of the second highest level heading.
|
|
29
|
+
/// @group typography
|
|
13
30
|
$kendo-h2-font-family: var( --kendo-font-family, inherit ) !default;
|
|
31
|
+
/// The font family of the third highest level heading.
|
|
32
|
+
/// @group typography
|
|
14
33
|
$kendo-h3-font-family: var( --kendo-font-family, inherit ) !default;
|
|
34
|
+
/// The font family of the fourth highest level heading.
|
|
35
|
+
/// @group typography
|
|
15
36
|
$kendo-h4-font-family: var( --kendo-font-family, inherit ) !default;
|
|
37
|
+
/// The font family of the fifth highest level heading.
|
|
38
|
+
/// @group typography
|
|
16
39
|
$kendo-h5-font-family: var( --kendo-font-family, inherit ) !default;
|
|
40
|
+
/// The font family of the sixth highest level heading.
|
|
41
|
+
/// @group typography
|
|
17
42
|
$kendo-h6-font-family: var( --kendo-font-family, inherit ) !default;
|
|
18
43
|
|
|
44
|
+
/// The line height of the highest level heading.
|
|
45
|
+
/// @group typography
|
|
19
46
|
$kendo-h1-line-height: 74px !default;
|
|
47
|
+
/// The line height of the second highest level heading.
|
|
48
|
+
/// @group typography
|
|
20
49
|
$kendo-h2-line-height: 56px !default;
|
|
50
|
+
/// The line height of the third highest level heading.
|
|
51
|
+
/// @group typography
|
|
21
52
|
$kendo-h3-line-height: 42px !default;
|
|
53
|
+
/// The line height of the fourth highest level heading.
|
|
54
|
+
/// @group typography
|
|
22
55
|
$kendo-h4-line-height: 40px !default;
|
|
56
|
+
/// The line height of the fifth highest level heading.
|
|
57
|
+
/// @group typography
|
|
23
58
|
$kendo-h5-line-height: 28px !default;
|
|
59
|
+
/// The line height of the sixth highest level heading.
|
|
60
|
+
/// @group typography
|
|
24
61
|
$kendo-h6-line-height: 20px !default;
|
|
25
62
|
|
|
63
|
+
/// The font weight of the highest level heading.
|
|
64
|
+
/// @group typography
|
|
26
65
|
$kendo-h1-font-weight: var( --kendo-font-weight-normal, normal ) !default;
|
|
66
|
+
/// The font weight of the second highest level heading.
|
|
67
|
+
/// @group typography
|
|
27
68
|
$kendo-h2-font-weight: var( --kendo-font-weight-normal, normal ) !default;
|
|
69
|
+
/// The font weight of the third highest level heading.
|
|
70
|
+
/// @group typography
|
|
28
71
|
$kendo-h3-font-weight: var( --kendo-font-weight-normal, normal ) !default;
|
|
72
|
+
/// The font weight of the fourth highest level heading.
|
|
73
|
+
/// @group typography
|
|
29
74
|
$kendo-h4-font-weight: var( --kendo-font-weight-bold, normal ) !default;
|
|
75
|
+
/// The font weight of the fifth highest level heading.
|
|
76
|
+
/// @group typography
|
|
30
77
|
$kendo-h5-font-weight: var( --kendo-font-weight-bold, normal ) !default;
|
|
78
|
+
/// The font weight of the sixth highest level heading.
|
|
79
|
+
/// @group typography
|
|
31
80
|
$kendo-h6-font-weight: var( --kendo-font-weight-bold, normal ) !default;
|
|
32
81
|
|
|
82
|
+
/// The letter spacing of the highest level heading.
|
|
83
|
+
/// @group typography
|
|
33
84
|
$kendo-h1-letter-spacing: null !default;
|
|
85
|
+
/// The letter spacing of the second highest level heading.
|
|
86
|
+
/// @group typography
|
|
34
87
|
$kendo-h2-letter-spacing: null !default;
|
|
88
|
+
/// The letter spacing of the third highest level heading.
|
|
89
|
+
/// @group typography
|
|
35
90
|
$kendo-h3-letter-spacing: null !default;
|
|
91
|
+
/// The letter spacing of the fourth highest level heading.
|
|
92
|
+
/// @group typography
|
|
36
93
|
$kendo-h4-letter-spacing: null !default;
|
|
94
|
+
/// The letter spacing of the fifth highest level heading.
|
|
95
|
+
/// @group typography
|
|
37
96
|
$kendo-h5-letter-spacing: null !default;
|
|
97
|
+
/// The letter spacing of the sixth highest level heading.
|
|
98
|
+
/// @group typography
|
|
38
99
|
$kendo-h6-letter-spacing: null !default;
|
|
39
100
|
|
|
101
|
+
/// The margin of the highest level heading.
|
|
102
|
+
/// @group typography
|
|
40
103
|
$kendo-h1-margin: 0 0 var( --kendo-font-size, inherit ) !default;
|
|
104
|
+
/// The margin of the second highest level heading.
|
|
105
|
+
/// @group typography
|
|
41
106
|
$kendo-h2-margin: 0 0 var( --kendo-font-size, inherit ) !default;
|
|
107
|
+
/// The margin of the third highest level heading.
|
|
108
|
+
/// @group typography
|
|
42
109
|
$kendo-h3-margin: 0 0 var( --kendo-font-size, inherit ) !default;
|
|
110
|
+
/// The margin of the fourth highest level heading.
|
|
111
|
+
/// @group typography
|
|
43
112
|
$kendo-h4-margin: 0 0 var( --kendo-font-size, inherit ) !default;
|
|
113
|
+
/// The margin of the fifth highest level heading.
|
|
114
|
+
/// @group typography
|
|
44
115
|
$kendo-h5-margin: 0 0 var( --kendo-font-size, inherit ) !default;
|
|
116
|
+
/// The margin of the sixth highest level heading.
|
|
117
|
+
/// @group typography
|
|
45
118
|
$kendo-h6-margin: 0 0 var( --kendo-font-size, inherit ) !default;
|
|
46
119
|
|
|
120
|
+
/// The headings Map.
|
|
121
|
+
/// @group typography
|
|
47
122
|
$kendo-headings: (
|
|
48
123
|
h1: (
|
|
49
124
|
font-size: $kendo-h1-font-size,
|
|
@@ -98,58 +173,139 @@ $kendo-headings: (
|
|
|
98
173
|
|
|
99
174
|
|
|
100
175
|
// Paragraph
|
|
176
|
+
|
|
177
|
+
/// The margin of the paragraph.
|
|
178
|
+
/// @group typography
|
|
101
179
|
$kendo-paragraph-margin: 0 0 var( --kendo-font-size, inherit ) !default;
|
|
180
|
+
/// The font size of the paragraph.
|
|
181
|
+
/// @group typography
|
|
102
182
|
$kendo-paragraph-font-size: var( --kendo-font-size, inherit ) !default;
|
|
183
|
+
/// The font family of the paragraph.
|
|
184
|
+
/// @group typography
|
|
103
185
|
$kendo-paragraph-font-family: var( --kendo-font-family, inherit ) !default;
|
|
186
|
+
/// The line height of the paragraph.
|
|
187
|
+
/// @group typography
|
|
104
188
|
$kendo-paragraph-line-height: 20px !default;
|
|
189
|
+
/// The font weight of the paragraph.
|
|
190
|
+
/// @group typography
|
|
105
191
|
$kendo-paragraph-font-weight: var( --kendo-font-weight-normal, normal ) !default;
|
|
192
|
+
/// The letter spacing of the paragraph.
|
|
193
|
+
/// @group typography
|
|
106
194
|
$kendo-paragraph-letter-spacing: null !default;
|
|
107
195
|
|
|
108
196
|
|
|
109
197
|
// Code
|
|
198
|
+
|
|
199
|
+
/// The font size of the code tag.
|
|
200
|
+
/// @group typography
|
|
110
201
|
$kendo-code-font-size: var( --kendo-font-size, inherit ) !default;
|
|
202
|
+
/// The font family of the code tag.
|
|
203
|
+
/// @group typography
|
|
111
204
|
$kendo-code-font-family: var( --kendo-font-family-monospace, normal ) !default;
|
|
205
|
+
/// The line height of the code tag.
|
|
206
|
+
/// @group typography
|
|
112
207
|
$kendo-code-line-height: 20px !default;
|
|
208
|
+
/// The font weight of the code tag.
|
|
209
|
+
/// @group typography
|
|
113
210
|
$kendo-code-font-weight: var( --kendo-font-weight-normal, normal ) !default;
|
|
211
|
+
/// The letter spacing of the code tag.
|
|
212
|
+
/// @group typography
|
|
114
213
|
$kendo-code-letter-spacing: null !default;
|
|
115
214
|
|
|
215
|
+
/// The horizontal padding of the code tag.
|
|
216
|
+
/// @group typography
|
|
116
217
|
$kendo-code-padding-x: k-spacing(1) !default;
|
|
218
|
+
/// The vertical padding of the code tag.
|
|
219
|
+
/// @group typography
|
|
117
220
|
$kendo-code-padding-y: k-spacing(0) !default;
|
|
221
|
+
/// The horizontal padding of the preformatted text.
|
|
222
|
+
/// @group typography
|
|
118
223
|
$kendo-pre-padding-x: k-spacing(6) !default;
|
|
224
|
+
/// The vertical padding of the preformatted text.
|
|
225
|
+
/// @group typography
|
|
119
226
|
$kendo-pre-padding-y: k-spacing(4) !default;
|
|
227
|
+
/// The width of the border of the code tag.
|
|
228
|
+
/// @group typography
|
|
120
229
|
$kendo-code-border-width: 1px !default;
|
|
121
230
|
|
|
231
|
+
/// The background color of the code tag.
|
|
232
|
+
/// @group typography
|
|
122
233
|
$kendo-code-bg: $kendo-base-bg !default;
|
|
234
|
+
/// The color of the code tag.
|
|
235
|
+
/// @group typography
|
|
123
236
|
$kendo-code-text: $kendo-component-text !default;
|
|
237
|
+
/// The border color of the code tag.
|
|
238
|
+
/// @group typography
|
|
124
239
|
$kendo-code-border: $kendo-component-border !default;
|
|
125
240
|
|
|
126
|
-
|
|
127
241
|
// Display
|
|
242
|
+
|
|
243
|
+
/// The font size of the largest display text.
|
|
244
|
+
/// @group typography
|
|
128
245
|
$kendo-display1-font-size: calc( var( --kendo-font-size, .875rem ) * 8) !default;
|
|
246
|
+
/// The font size of the second largest display text.
|
|
247
|
+
/// @group typography
|
|
129
248
|
$kendo-display2-font-size: calc( var( --kendo-font-size, .875rem ) * 7) !default;
|
|
249
|
+
/// The font size of the third largest display text.
|
|
250
|
+
/// @group typography
|
|
130
251
|
$kendo-display3-font-size: calc( var( --kendo-font-size, .875rem ) * 6) !default;
|
|
252
|
+
/// The font size of the fourth largest display text.
|
|
253
|
+
/// @group typography
|
|
131
254
|
$kendo-display4-font-size: calc( var( --kendo-font-size, .875rem ) * 5) !default;
|
|
132
255
|
|
|
256
|
+
/// The font family of the largest display text.
|
|
257
|
+
/// @group typography
|
|
133
258
|
$kendo-display1-font-family: var( --kendo-font-family, inherit ) !default;
|
|
259
|
+
/// The font family of the second largest display text.
|
|
260
|
+
/// @group typography
|
|
134
261
|
$kendo-display2-font-family: var( --kendo-font-family, inherit ) !default;
|
|
262
|
+
/// The font family of the third largest display text.
|
|
263
|
+
/// @group typography
|
|
135
264
|
$kendo-display3-font-family: var( --kendo-font-family, inherit ) !default;
|
|
265
|
+
/// The font family of the fourth largest display text.
|
|
266
|
+
/// @group typography
|
|
136
267
|
$kendo-display4-font-family: var( --kendo-font-family, inherit ) !default;
|
|
137
268
|
|
|
269
|
+
/// The line height of the largest display text.
|
|
270
|
+
/// @group typography
|
|
138
271
|
$kendo-display1-line-height: 1.2 !default;
|
|
272
|
+
/// The line height of the second largest display text.
|
|
273
|
+
/// @group typography
|
|
139
274
|
$kendo-display2-line-height: 1.2 !default;
|
|
275
|
+
/// The line height of the third largest display text.
|
|
276
|
+
/// @group typography
|
|
140
277
|
$kendo-display3-line-height: 1.2 !default;
|
|
278
|
+
/// The line height of the fourth largest display text.
|
|
279
|
+
/// @group typography
|
|
141
280
|
$kendo-display4-line-height: 1.2 !default;
|
|
142
281
|
|
|
282
|
+
/// The font weight of the largest display text.
|
|
283
|
+
/// @group typography
|
|
143
284
|
$kendo-display1-font-weight: var( --kendo-font-weight-light, normal ) !default;
|
|
285
|
+
/// The font weight of the second largest display text.
|
|
286
|
+
/// @group typography
|
|
144
287
|
$kendo-display2-font-weight: var( --kendo-font-weight-light, normal ) !default;
|
|
288
|
+
/// The font weight of the third largest display text.
|
|
289
|
+
/// @group typography
|
|
145
290
|
$kendo-display3-font-weight: var( --kendo-font-weight-light, normal ) !default;
|
|
291
|
+
/// The font weight of the fourth largest display text.
|
|
292
|
+
/// @group typography
|
|
146
293
|
$kendo-display4-font-weight: var( --kendo-font-weight-light, normal ) !default;
|
|
147
294
|
|
|
295
|
+
/// The letter spacing of the largest display text.
|
|
296
|
+
/// @group typography
|
|
148
297
|
$kendo-display1-letter-spacing: null !default;
|
|
298
|
+
/// The letter spacing of the second largest display text.
|
|
299
|
+
/// @group typography
|
|
149
300
|
$kendo-display2-letter-spacing: null !default;
|
|
301
|
+
/// The letter spacing of the third largest display text.
|
|
302
|
+
/// @group typography
|
|
150
303
|
$kendo-display3-letter-spacing: null !default;
|
|
304
|
+
/// The letter spacing of the fourth largest display text.
|
|
305
|
+
/// @group typography
|
|
151
306
|
$kendo-display4-letter-spacing: null !default;
|
|
152
307
|
|
|
308
|
+
/// The displays Map.
|
|
153
309
|
$kendo-display: (
|
|
154
310
|
1: (
|
|
155
311
|
font-size: $kendo-display1-font-size,
|