@progress/kendo-theme-fluent 8.0.0-dev.8 → 8.0.0

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