@progress/kendo-theme-bootstrap 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 (35) hide show
  1. package/dist/all.css +843 -845
  2. package/dist/all.scss +400 -173
  3. package/dist/meta/sassdoc-data.json +36387 -29523
  4. package/dist/meta/sassdoc-raw-data.json +5091 -1469
  5. package/dist/meta/variables.json +281 -281
  6. package/lib/swatches/bootstrap-3-dark.json +1 -1
  7. package/lib/swatches/bootstrap-3.json +1 -1
  8. package/lib/swatches/bootstrap-4-dark.json +1 -1
  9. package/lib/swatches/bootstrap-4.json +1 -1
  10. package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
  11. package/lib/swatches/bootstrap-main-dark.json +1 -1
  12. package/lib/swatches/bootstrap-main.json +1 -1
  13. package/lib/swatches/bootstrap-nordic.json +1 -1
  14. package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
  15. package/lib/swatches/bootstrap-turquoise.json +1 -1
  16. package/lib/swatches/bootstrap-urban.json +1 -1
  17. package/lib/swatches/bootstrap-vintage.json +1 -1
  18. package/package.json +6 -6
  19. package/scss/calendar/_variables.scss +10 -0
  20. package/scss/chip/_theme.scss +2 -2
  21. package/scss/chip/_variables.scss +2 -1
  22. package/scss/core/border-radii/index.import.scss +23 -1
  23. package/scss/core/color-system/_palettes.scss +28 -28
  24. package/scss/core/color-system/_swatch.scss +80 -80
  25. package/scss/core/typography/index.import.scss +1 -0
  26. package/scss/drawer/_variables.scss +12 -2
  27. package/scss/progressbar/_variables.scss +2 -2
  28. package/scss/scheduler/_variables.scss +1 -1
  29. package/scss/slider/_variables.scss +1 -1
  30. package/scss/switch/_variables.scss +2 -2
  31. package/scss/tabstrip/_variables.scss +1 -1
  32. package/scss/tilelayout/_variables.scss +1 -1
  33. package/scss/timeline/_variables.scss +1 -1
  34. package/scss/tooltip/_variables.scss +1 -1
  35. package/scss/typography/_variables.scss +158 -0
package/scss/progressbar/_variables.scss CHANGED
@@ -24,10 +24,10 @@ $kendo-progressbar-line-height: 1 !default;
24
24
 
25
25
  /// The background color of the ProgressBar.
26
26
  /// @group progressbar
27
- $kendo-progressbar-bg: $gray-200 !default;
27
+ $kendo-progressbar-bg: if($kendo-enable-color-system, k-color( base-subtle ), $gray-200) !default;
28
28
  /// The text color of the ProgressBar.
29
29
  /// @group progressbar
30
- $kendo-progressbar-text: k-contrast-color( $gray-200 ) !default;
30
+ $kendo-progressbar-text: if($kendo-enable-color-system, k-color( base-on-subtle ), k-contrast-color( $gray-200 )) !default;
31
31
  /// The border color of the ProgressBar.
32
32
  /// @group progressbar
33
33
  $kendo-progressbar-border: null !default;
package/scss/scheduler/_variables.scss CHANGED
@@ -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( #{$kendo-scheduler-tooltip-month-font-size} * 2 ) !default;
211
+ $kendo-scheduler-tooltip-day-font-size: calc( var( --kendo-font-size-sm, #{$kendo-font-size-sm} ) * 2 ) !default;
212
212
 
213
213
  /// The max height of the events inside the Scheduler Tooltip.
214
214
  /// @group scheduler
package/scss/slider/_variables.scss CHANGED
@@ -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: $gray-200 !default;
113
+ $kendo-slider-track-bg: if($kendo-enable-color-system, k-color( base-emphasis ), $gray-200) !default;
114
114
  /// The background color of the Slider's track selection.
115
115
  /// @group slider
116
116
  $kendo-slider-selection-bg: $kendo-selected-bg !default;
package/scss/switch/_variables.scss CHANGED
@@ -36,7 +36,7 @@ $kendo-switch-off-track-bg: $kendo-component-bg !default;
36
36
  $kendo-switch-off-track-text: null !default;
37
37
  /// The border color of the track when the Switch is not checked.
38
38
  /// @group switch
39
- $kendo-switch-off-track-border: $gray-500 !default;
39
+ $kendo-switch-off-track-border: if($kendo-enable-color-system, k-color( base-emphasis ), $gray-500) !default;
40
40
  /// The background gradient of the track when the Switch is not checked.
41
41
  /// @group switch
42
42
  $kendo-switch-off-track-gradient: null !default;
@@ -85,7 +85,7 @@ $kendo-switch-off-track-disabled-gradient: null !default;
85
85
 
86
86
  /// The background of the thumb when the Switch is not checked.
87
87
  /// @group switch
88
- $kendo-switch-off-thumb-bg: $gray-500 !default;
88
+ $kendo-switch-off-thumb-bg: if($kendo-enable-color-system, k-color( base-emphasis ), $gray-500) !default;
89
89
  /// The text color of the thumb when the Switch is not checked.
90
90
  /// @group switch
91
91
  $kendo-switch-off-thumb-text: null !default;
package/scss/tabstrip/_variables.scss CHANGED
@@ -81,7 +81,7 @@ $kendo-tabstrip-item-hover-bg: null !default;
81
81
  $kendo-tabstrip-item-hover-text: $kendo-link-hover-text !default;
82
82
  /// The border color of the hovered TabStrip items.
83
83
  /// @group tabstrip
84
- $kendo-tabstrip-item-hover-border: $gray-200 !default;
84
+ $kendo-tabstrip-item-hover-border: if($kendo-enable-color-system, k-color( base-subtle ), $gray-200) !default;
85
85
  /// The gradient of the hovered TabStrip items.
86
86
  /// @group tabstrip
87
87
  $kendo-tabstrip-item-hover-gradient: null !default;
package/scss/tilelayout/_variables.scss CHANGED
@@ -5,7 +5,7 @@
5
5
  $kendo-tile-layout-border-width: 0px !default;
6
6
  /// The background color of the TileLayout.
7
7
  /// @group tilelayout
8
- $kendo-tile-layout-bg: $gray-100 !default;
8
+ $kendo-tile-layout-bg: if($kendo-enable-color-system, k-color( surface ), $gray-100) !default;
9
9
 
10
10
  /// The horizontal padding of the TileLayout.
11
11
  /// @group tilelayout
package/scss/timeline/_variables.scss CHANGED
@@ -67,7 +67,7 @@ $kendo-timeline-track-start-calc: calc(#{$kendo-timeline-track-arrow-width} - 2
67
67
  $kendo-timeline-track-end-calc: calc(#{$kendo-timeline-track-arrow-width} - 2 * #{$kendo-timeline-track-border-width}) !default;
68
68
  /// The background color of the Timeline track.
69
69
  /// @group timeline
70
- $kendo-timeline-track-bg: $kendo-button-bg !default;
70
+ $kendo-timeline-track-bg: if($kendo-enable-color-system, k-color( base-subtle ), $kendo-button-bg) !default;
71
71
  /// The border color of the Timeline track.
72
72
  /// @group timeline
73
73
  $kendo-timeline-track-border-color: $kendo-timeline-track-bg !default;
package/scss/tooltip/_variables.scss CHANGED
@@ -25,7 +25,7 @@ $kendo-tooltip-line-height: var( --kendo-line-height, normal ) !default;
25
25
 
26
26
  /// The font size of the Tooltip title.
27
27
  /// @group tooltip
28
- $kendo-tooltip-title-font-size: calc( #{$kendo-tooltip-font-size} * 1.25 ) !default;
28
+ $kendo-tooltip-title-font-size: calc( var( --kendo-font-size-sm, #{$kendo-font-size-sm} ) * 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;
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: $h1-font-size !default;
9
+ /// The font size of the second highest level heading.
10
+ /// @group typography
6
11
  $kendo-h2-font-size: $h2-font-size !default;
12
+ /// The font size of the third highest level heading.
13
+ /// @group typography
7
14
  $kendo-h3-font-size: $h3-font-size !default;
15
+ /// The font size of the fourth highest level heading.
16
+ /// @group typography
8
17
  $kendo-h4-font-size: $h4-font-size !default;
18
+ /// The font size of the fifth highest level heading.
19
+ /// @group typography
9
20
  $kendo-h5-font-size: $h5-font-size !default;
21
+ /// The font size of the sixth highest level heading.
22
+ /// @group typography
10
23
  $kendo-h6-font-size: $h6-font-size !default;
11
24
 
25
+ /// The font family of the highest level heading.
26
+ /// @group typography
12
27
  $kendo-h1-font-family: $headings-font-family !default;
28
+ /// The font family of the second highest level heading.
29
+ /// @group typography
13
30
  $kendo-h2-font-family: $headings-font-family !default;
31
+ /// The font family of the third highest level heading.
32
+ /// @group typography
14
33
  $kendo-h3-font-family: $headings-font-family !default;
34
+ /// The font family of the fourth highest level heading.
35
+ /// @group typography
15
36
  $kendo-h4-font-family: $headings-font-family !default;
37
+ /// The font family of the fifth highest level heading.
38
+ /// @group typography
16
39
  $kendo-h5-font-family: $headings-font-family !default;
40
+ /// The font family of the sixth highest level heading.
41
+ /// @group typography
17
42
  $kendo-h6-font-family: $headings-font-family !default;
18
43
 
44
+ /// The line height of the highest level heading.
45
+ /// @group typography
19
46
  $kendo-h1-line-height: $headings-line-height !default;
47
+ /// The line height of the second highest level heading.
48
+ /// @group typography
20
49
  $kendo-h2-line-height: $headings-line-height !default;
50
+ /// The line height of the third highest level heading.
51
+ /// @group typography
21
52
  $kendo-h3-line-height: $headings-line-height !default;
53
+ /// The line height of the fourth highest level heading.
54
+ /// @group typography
22
55
  $kendo-h4-line-height: $headings-line-height !default;
56
+ /// The line height of the fifth highest level heading.
57
+ /// @group typography
23
58
  $kendo-h5-line-height: $headings-line-height !default;
59
+ /// The line height of the sixth highest level heading.
60
+ /// @group typography
24
61
  $kendo-h6-line-height: $headings-line-height !default;
25
62
 
63
+ /// The font weight of the highest level heading.
64
+ /// @group typography
26
65
  $kendo-h1-font-weight: $headings-font-weight !default;
66
+ /// The font weight of the second highest level heading.
67
+ /// @group typography
27
68
  $kendo-h2-font-weight: $headings-font-weight !default;
69
+ /// The font weight of the third highest level heading.
70
+ /// @group typography
28
71
  $kendo-h3-font-weight: $headings-font-weight !default;
72
+ /// The font weight of the fourth highest level heading.
73
+ /// @group typography
29
74
  $kendo-h4-font-weight: $headings-font-weight !default;
75
+ /// The font weight of the fifth highest level heading.
76
+ /// @group typography
30
77
  $kendo-h5-font-weight: $headings-font-weight !default;
78
+ /// The font weight of the sixth highest level heading.
79
+ /// @group typography
31
80
  $kendo-h6-font-weight: $headings-font-weight !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 $headings-margin-bottom !default;
104
+ /// The margin of the second highest level heading.
105
+ /// @group typography
41
106
  $kendo-h2-margin: 0 0 $headings-margin-bottom !default;
107
+ /// The margin of the third highest level heading.
108
+ /// @group typography
42
109
  $kendo-h3-margin: 0 0 $headings-margin-bottom !default;
110
+ /// The margin of the fourth highest level heading.
111
+ /// @group typography
43
112
  $kendo-h4-margin: 0 0 $headings-margin-bottom !default;
113
+ /// The margin of the fifth highest level heading.
114
+ /// @group typography
44
115
  $kendo-h5-margin: 0 0 $headings-margin-bottom !default;
116
+ /// The margin of the sixth highest level heading.
117
+ /// @group typography
45
118
  $kendo-h6-margin: 0 0 $headings-margin-bottom !default;
119
+ ///
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 $paragraph-margin-bottom !default;
181
+ /// The font size of the paragraph.
182
+ /// @group typography
102
183
  $kendo-paragraph-font-size: var( --kendo-font-size, inherit ) !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, 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: null !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-sm, 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 width of the border 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
242
 
127
243
  // Display
244
+
245
+ /// The font size of the largest display text.
246
+ /// @group typography
128
247
  $kendo-display1-font-size: k-map-get( $display-font-sizes, 1) !default;
248
+ /// The font size of the second largest display text.
249
+ /// @group typography
129
250
  $kendo-display2-font-size: k-map-get( $display-font-sizes, 2) !default;
251
+ /// The font size of the third largest display text.
252
+ /// @group typography
130
253
  $kendo-display3-font-size: k-map-get( $display-font-sizes, 3) !default;
254
+ /// The font size of the fourth largest display text.
255
+ /// @group typography
131
256
  $kendo-display4-font-size: k-map-get( $display-font-sizes, 4) !default;
132
257
 
258
+ /// The font family of the largest display text.
259
+ /// @group typography
133
260
  $kendo-display1-font-family: null !default;
261
+ /// The font family of the second largest display text.
262
+ /// @group typography
134
263
  $kendo-display2-font-family: null !default;
264
+ /// The font family of the third largest display text.
265
+ /// @group typography
135
266
  $kendo-display3-font-family: null !default;
267
+ /// The font family of the fourth largest display text.
268
+ /// @group typography
136
269
  $kendo-display4-font-family: null !default;
137
270
 
271
+ /// The line height of the largest display text.
272
+ /// @group typography
138
273
  $kendo-display1-line-height: $display-line-height !default;
274
+ /// The line height of the second largest display text.
275
+ /// @group typography
139
276
  $kendo-display2-line-height: $display-line-height !default;
277
+ /// The line height of the third largest display text.
278
+ /// @group typography
140
279
  $kendo-display3-line-height: $display-line-height !default;
280
+ /// The line height of the fourth largest display text.
281
+ /// @group typography
141
282
  $kendo-display4-line-height: $display-line-height !default;
142
283
 
284
+ /// The font weight of the largest display text.
285
+ /// @group typography
143
286
  $kendo-display1-font-weight: $display-font-weight !default;
287
+ /// The font weight of the second largest display text.
288
+ /// @group typography
144
289
  $kendo-display2-font-weight: $display-font-weight !default;
290
+ /// The font weight of the third largest display text.
291
+ /// @group typography
145
292
  $kendo-display3-font-weight: $display-font-weight !default;
293
+ /// The font weight of the fourth largest display text.
294
+ /// @group typography
146
295
  $kendo-display4-font-weight: $display-font-weight !default;
147
296
 
297
+ /// The letter spacing of the largest display text.
298
+ /// @group typography
148
299
  $kendo-display1-letter-spacing: null !default;
300
+ /// The letter spacing of the second largest display text.
301
+ /// @group typography
149
302
  $kendo-display2-letter-spacing: null !default;
303
+ /// The letter spacing of the third largest display text.
304
+ /// @group typography
150
305
  $kendo-display3-letter-spacing: null !default;
306
+ /// The letter spacing of the fourth largest display text.
307
+ /// @group typography
151
308
  $kendo-display4-letter-spacing: null !default;
152
309
 
310
+ /// The displays Map
153
311
  $kendo-display: (
154
312
  1: (
155
313
  font-size: $kendo-display1-font-size,