@progress/kendo-theme-material 8.0.0-dev.1 → 8.0.0-dev.11

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 (41) hide show
  1. package/dist/all.css +3921 -378
  2. package/dist/all.scss +640 -208
  3. package/dist/meta/sassdoc-data.json +45882 -33780
  4. package/dist/meta/sassdoc-raw-data.json +12816 -6769
  5. package/dist/meta/variables.json +77 -73
  6. package/lib/swatches/material-aqua-dark.json +1 -1
  7. package/lib/swatches/material-arctic.json +1 -1
  8. package/lib/swatches/material-burnt-teal.json +1 -1
  9. package/lib/swatches/material-dataviz-v4.json +1 -1
  10. package/lib/swatches/material-eggplant.json +1 -1
  11. package/lib/swatches/material-lime-dark.json +1 -1
  12. package/lib/swatches/material-lime.json +1 -1
  13. package/lib/swatches/material-main-dark.json +1 -1
  14. package/lib/swatches/material-main.json +1 -1
  15. package/lib/swatches/material-nova.json +1 -1
  16. package/lib/swatches/material-pacific-dark.json +1 -1
  17. package/lib/swatches/material-pacific.json +1 -1
  18. package/lib/swatches/material-sky-dark.json +1 -1
  19. package/lib/swatches/material-sky.json +1 -1
  20. package/lib/swatches/material-smoke.json +1 -1
  21. package/package.json +6 -6
  22. package/scss/button/_layout.scss +9 -0
  23. package/scss/button/_theme.scss +20 -2
  24. package/scss/button/_variables.scss +7 -7
  25. package/scss/calendar/_variables.scss +34 -3
  26. package/scss/checkbox/_variables.scss +1 -1
  27. package/scss/chip/_theme.scss +3 -3
  28. package/scss/chip/_variables.scss +1 -1
  29. package/scss/core/border-radii/index.import.scss +26 -0
  30. package/scss/core/color-system/_swatch-legacy.scss +1 -1
  31. package/scss/core/color-system/_swatch.scss +1 -1
  32. package/scss/dataviz/_variables.scss +1 -1
  33. package/scss/drawer/_variables.scss +12 -2
  34. package/scss/scheduler/_layout.scss +1 -1
  35. package/scss/scheduler/_variables.scss +145 -1
  36. package/scss/switch/_variables.scss +1 -1
  37. package/scss/tabstrip/_variables.scss +70 -28
  38. package/scss/timeline/_variables.scss +1 -1
  39. package/scss/toolbar/_theme.scss +27 -0
  40. package/scss/tooltip/_variables.scss +1 -1
  41. package/scss/typography/_variables.scss +163 -5
package/scss/typography/_variables.scss CHANGED
@@ -2,48 +2,124 @@
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: 96px !default;
9
+ /// The font size of the second highest level heading.
10
+ /// @group typography
6
11
  $kendo-h2-font-size: 60px !default;
12
+ /// The font size of the third highest level heading.
13
+ /// @group typography
7
14
  $kendo-h3-font-size: 48px !default;
15
+ /// The font size of the fourth highest level heading.
16
+ /// @group typography
8
17
  $kendo-h4-font-size: 34px !default;
18
+ /// The font size of the fifth highest level heading.
19
+ /// @group typography
9
20
  $kendo-h5-font-size: 24px !default;
21
+ /// The font size of the sixth highest level heading.
22
+ /// @group typography
10
23
  $kendo-h6-font-size: 20px !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: 112px !default;
47
+ /// The line height of the second highest level heading.
48
+ /// @group typography
20
49
  $kendo-h2-line-height: 72px !default;
50
+ /// The line height of the third highest level heading.
51
+ /// @group typography
21
52
  $kendo-h3-line-height: 56px !default;
53
+ /// The line height of the fourth highest level heading.
54
+ /// @group typography
22
55
  $kendo-h4-line-height: 36px !default;
56
+ /// The line height of the fifth highest level heading.
57
+ /// @group typography
23
58
  $kendo-h5-line-height: 24px !default;
59
+ /// The line height of the sixth highest level heading.
60
+ /// @group typography
24
61
  $kendo-h6-line-height: 24px !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-light, 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-light, 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-normal, 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-normal, 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-medium, normal ) !default;
32
81
 
82
+ /// The letter spacing of the highest level heading.
83
+ /// @group typography
33
84
  $kendo-h1-letter-spacing: var( --kendo-letter-spacing-tighter, normal ) !default;
85
+ /// The letter spacing of the second highest level heading.
86
+ /// @group typography
34
87
  $kendo-h2-letter-spacing: var( --kendo-letter-spacing-tight, normal ) !default;
88
+ /// The letter spacing of the third highest level heading.
89
+ /// @group typography
35
90
  $kendo-h3-letter-spacing: var( --kendo-letter-spacing-normal, normal ) !default;
91
+ /// The letter spacing of the fourth highest level heading.
92
+ /// @group typography
36
93
  $kendo-h4-letter-spacing: var( --kendo-letter-spacing-wider, normal ) !default;
94
+ /// The letter spacing of the fifth highest level heading.
95
+ /// @group typography
37
96
  $kendo-h5-letter-spacing: var( --kendo-letter-spacing-normal, normal ) !default;
97
+ /// The letter spacing of the sixth highest level heading.
98
+ /// @group typography
38
99
  $kendo-h6-letter-spacing: var( --kendo-letter-spacing-wide, normal ) !default;
39
100
 
101
+
102
+ /// The margin of the highest level heading.
103
+ /// @group typography
40
104
  $kendo-h1-margin: 0 0 12px !default;
105
+ /// The margin of the second highest level heading.
106
+ /// @group typography
41
107
  $kendo-h2-margin: 0 0 12px !default;
108
+ /// The margin of the third highest level heading.
109
+ /// @group typography
42
110
  $kendo-h3-margin: 0 0 12px !default;
111
+ /// The margin of the fourth highest level heading.
112
+ /// @group typography
43
113
  $kendo-h4-margin: 0 0 12px !default;
114
+ /// The margin of the fifth highest level heading.
115
+ /// @group typography
44
116
  $kendo-h5-margin: 0 0 12px !default;
117
+ /// The margin of the sixth highest level heading.
118
+ /// @group typography
45
119
  $kendo-h6-margin: 0 0 12px !default;
46
120
 
121
+ /// The headings Map.
122
+ /// @group typography
47
123
  $kendo-headings: (
48
124
  h1: (
49
125
  font-size: $kendo-h1-font-size,
@@ -98,58 +174,140 @@ $kendo-headings: (
98
174
 
99
175
 
100
176
  // Paragraph
177
+
178
+ /// The margin of the paragraph.
179
+ /// @group typography
101
180
  $kendo-paragraph-margin: 0 0 12px !default;
181
+ /// The font size of the paragraph.
182
+ /// @group typography
102
183
  $kendo-paragraph-font-size: 1rem !default;
184
+ /// The font family of the paragraph.
185
+ /// @group typography
103
186
  $kendo-paragraph-font-family: var( --kendo-font-family, inherit ) !default;
187
+ /// The line height of the paragraph.
188
+ /// @group typography
104
189
  $kendo-paragraph-line-height: var( --kendo-line-height-lg, normal ) !default;
190
+ /// The font weight of the paragraph.
191
+ /// @group typography
105
192
  $kendo-paragraph-font-weight: var( --kendo-font-weight-normal, normal ) !default;
193
+ /// The letter spacing of the paragraph.
194
+ /// @group typography
106
195
  $kendo-paragraph-letter-spacing: .0313em !default;
107
196
 
108
197
 
109
198
  // Code
199
+
200
+ /// The font size of the code tag.
201
+ /// @group typography
110
202
  $kendo-code-font-size: var( --kendo-font-size, inherit ) !default;
203
+ /// The font family of the code tag.
204
+ /// @group typography
111
205
  $kendo-code-font-family: var( --kendo-font-family-monospace, normal ) !default;
206
+ /// The line height of the code tag.
207
+ /// @group typography
112
208
  $kendo-code-line-height: var( --kendo-line-height, normal ) !default;
209
+ /// The font weight of the code tag.
210
+ /// @group typography
113
211
  $kendo-code-font-weight: var( --kendo-font-weight-normal, normal ) !default;
212
+ /// The letter spacing of the code tag.
213
+ /// @group typography
114
214
  $kendo-code-letter-spacing: null !default;
115
215
 
216
+ /// The horizontal padding of the code tag.
217
+ /// @group typography
116
218
  $kendo-code-padding-x: k-spacing(1) !default;
219
+ /// The vertical padding of the code tag.
220
+ /// @group typography
117
221
  $kendo-code-padding-y: k-spacing(0) !default;
222
+ /// The horizontal padding of the preformatted text.
223
+ /// @group typography
118
224
  $kendo-pre-padding-x: k-spacing(6) !default;
225
+ /// The vertical padding of the preformatted text.
226
+ /// @group typography
119
227
  $kendo-pre-padding-y: k-spacing(4) !default;
228
+ /// The border width of the code tag.
229
+ /// @group typography
120
230
  $kendo-code-border-width: 1px !default;
121
231
 
232
+ /// The background color of the code tag.
233
+ /// @group typography
122
234
  $kendo-code-bg: $kendo-base-bg !default;
235
+ /// The text color of the code tag.
236
+ /// @group typography
123
237
  $kendo-code-text: $kendo-component-text !default;
238
+ /// The border color of the code tag.
239
+ /// @group typography
124
240
  $kendo-code-border: $kendo-component-border !default;
125
241
 
126
-
127
242
  // Display
128
- $kendo-display1-font-size: calc( var( --kendo-font-size, inherit) * 9.5 ) !default;
129
- $kendo-display2-font-size: calc( var( --kendo-font-size, inherit) * 8.75 ) !default;
130
- $kendo-display3-font-size: calc( var( --kendo-font-size, inherit) * 8 ) !default;
131
- $kendo-display4-font-size: calc( var( --kendo-font-size, inherit) * 7.25 ) !default;
132
243
 
244
+ /// The font size of the largest display text.
245
+ /// @group typography
246
+ $kendo-display1-font-size: calc( var( --kendo-font-size, .875rem ) * 9.5 ) !default;
247
+ /// The font size of the second largest display text.
248
+ /// @group typography
249
+ $kendo-display2-font-size: calc( var( --kendo-font-size, .875rem ) * 8.75 ) !default;
250
+ /// The font size of the third largest display text.
251
+ /// @group typography
252
+ $kendo-display3-font-size: calc( var( --kendo-font-size, .875rem ) * 8 ) !default;
253
+ /// The font size of the fourth largest display text.
254
+ /// @group typography
255
+ $kendo-display4-font-size: calc( var( --kendo-font-size, .875rem ) * 7.25 ) !default;
256
+
257
+ /// The font family of the largest display text.
258
+ /// @group typography
133
259
  $kendo-display1-font-family: var( --kendo-font-family, inherit ) !default;
260
+ /// The font family of the second largest display text.
261
+ /// @group typography
134
262
  $kendo-display2-font-family: var( --kendo-font-family, inherit ) !default;
263
+ /// The font family of the third largest display text.
264
+ /// @group typography
135
265
  $kendo-display3-font-family: var( --kendo-font-family, inherit ) !default;
266
+ /// The font family of the fourth largest display text.
267
+ /// @group typography
136
268
  $kendo-display4-font-family: var( --kendo-font-family, inherit ) !default;
137
269
 
270
+ /// The line height of the largest display text.
271
+ /// @group typography
138
272
  $kendo-display1-line-height: 1.2 !default;
273
+ /// The line height of the second largest display text.
274
+ /// @group typography
139
275
  $kendo-display2-line-height: 1.2 !default;
276
+ /// The line height of the third largest display text.
277
+ /// @group typography
140
278
  $kendo-display3-line-height: 1.2 !default;
279
+ /// The line height of the fourth largest display text.
280
+ /// @group typography
141
281
  $kendo-display4-line-height: 1.2 !default;
142
282
 
283
+ /// The font weight of the largest display text.
284
+ /// @group typography
143
285
  $kendo-display1-font-weight: var( --kendo-font-weight-light, normal ) !default;
286
+ /// The font weight of the second largest display text.
287
+ /// @group typography
144
288
  $kendo-display2-font-weight: var( --kendo-font-weight-light, normal ) !default;
289
+ /// The font weight of the third largest display text.
290
+ /// @group typography
145
291
  $kendo-display3-font-weight: var( --kendo-font-weight-light, normal ) !default;
292
+ /// The font weight of the fourth largest display text.
293
+ /// @group typography
146
294
  $kendo-display4-font-weight: var( --kendo-font-weight-light, normal ) !default;
147
295
 
296
+ /// The letter spacing of the largest display text.
297
+ /// @group typography
148
298
  $kendo-display1-letter-spacing: var( --kendo-letter-spacing-tighter, normal ) !default;
299
+ /// The letter spacing of the second largest display text.
300
+ /// @group typography
149
301
  $kendo-display2-letter-spacing: var( --kendo-letter-spacing-tighter, normal ) !default;
302
+ /// The letter spacing of the third largest display text.
303
+ /// @group typography
150
304
  $kendo-display3-letter-spacing: var( --kendo-letter-spacing-tighter, normal ) !default;
305
+ /// The letter spacing of the fourth largest display text.
306
+ /// @group typography
151
307
  $kendo-display4-letter-spacing: var( --kendo-letter-spacing-tighter, normal ) !default;
152
308
 
309
+ /// The displays Map.
310
+ /// @group typography
153
311
  $kendo-display: (
154
312
  1: (
155
313
  font-size: $kendo-display1-font-size,