@progress/kendo-theme-default 11.1.0-dev.3 → 11.1.0-dev.5

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 (49) hide show
  1. package/dist/meta/sassdoc-data.json +7359 -12807
  2. package/dist/meta/sassdoc-raw-data.json +3168 -5693
  3. package/dist/meta/variables.json +11 -419
  4. package/lib/swatches/default-blue.json +1 -1
  5. package/lib/swatches/default-dataviz-v4.json +1 -1
  6. package/lib/swatches/default-green.json +1 -1
  7. package/lib/swatches/default-main-dark.json +1 -1
  8. package/lib/swatches/default-main.json +1 -1
  9. package/lib/swatches/default-nordic.json +1 -1
  10. package/lib/swatches/default-ocean-blue-a11y.json +1 -1
  11. package/lib/swatches/default-ocean-blue.json +1 -1
  12. package/lib/swatches/default-orange.json +1 -1
  13. package/lib/swatches/default-purple.json +1 -1
  14. package/lib/swatches/default-turquoise.json +1 -1
  15. package/lib/swatches/default-urban.json +1 -1
  16. package/package.json +4 -4
  17. package/scss/badge/_variables.scss +0 -6
  18. package/scss/button/_variables.scss +0 -16
  19. package/scss/calendar/_variables.scss +0 -21
  20. package/scss/card/_variables.scss +1 -1
  21. package/scss/chat/_variables.scss +0 -4
  22. package/scss/checkbox/_variables.scss +0 -4
  23. package/scss/chip/_variables.scss +2 -18
  24. package/scss/coloreditor/_variables.scss +0 -12
  25. package/scss/fab/_variables.scss +0 -4
  26. package/scss/filemanager/_variables.scss +0 -12
  27. package/scss/forms/_variables.scss +0 -47
  28. package/scss/grid/_variables.scss +0 -34
  29. package/scss/input/_variables.scss +4 -26
  30. package/scss/listbox/_variables.scss +1 -14
  31. package/scss/map/_variables.scss +0 -17
  32. package/scss/mediaplayer/_variables.scss +0 -8
  33. package/scss/menu/_variables.scss +0 -8
  34. package/scss/orgchart/_variables.scss +0 -12
  35. package/scss/pager/_variables.scss +0 -66
  36. package/scss/panelbar/_variables.scss +0 -8
  37. package/scss/popover/_variables.scss +0 -4
  38. package/scss/popup/_variables.scss +0 -8
  39. package/scss/progressbar/_variables.scss +0 -9
  40. package/scss/radio/_variables.scss +0 -4
  41. package/scss/rating/_variables.scss +0 -5
  42. package/scss/scheduler/_variables.scss +0 -9
  43. package/scss/scrollview/_variables.scss +0 -4
  44. package/scss/slider/_variables.scss +1 -22
  45. package/scss/table/_variables.scss +0 -8
  46. package/scss/taskboard/_variables.scss +0 -4
  47. package/scss/timeline/_variables.scss +0 -5
  48. package/scss/toolbar/_variables.scss +0 -16
  49. package/scss/typography/_variables.scss +77 -77
package/scss/slider/_variables.scss CHANGED
@@ -5,9 +5,6 @@
5
5
  /// The default size of the Slider.
6
6
  /// @group slider
7
7
  $kendo-slider-size: 200px !default;
8
- /// The default size of the Slider tick.
9
- /// @group slider
10
- $kendo-slider-tick-size: null !default;
11
8
  /// The default size of the Slider's track wrap.
12
9
  /// @group slider
13
10
  $kendo-slider-alt-size: 30px !default;
@@ -28,12 +25,6 @@ $kendo-slider-button-offset: 10px !default;
28
25
  /// The size of the Slider Buttons.
29
26
  /// @group slider
30
27
  $kendo-slider-button-size: ($kendo-slider-alt-size - 2) !default;
31
- /// The spacing of the Slider Buttons.
32
- /// @group slider
33
- $kendo-slider-button-spacing: ($kendo-slider-button-size + $kendo-slider-button-offset) !default;
34
- /// The shadow of the focused Slider Buttons.
35
- /// @group slider
36
- $kendo-slider-button-focus-shadow: null !default;
37
28
 
38
29
  /// The thickness of the Slider track.
39
30
  /// @group slider
@@ -47,9 +38,6 @@ $kendo-slider-draghandle-border-width: 1px !default;
47
38
  /// The transition scale of the active Slider drag handle.
48
39
  /// @group slider
49
40
  $kendo-slider-draghandle-active-scale: 1 !default;
50
- /// The size of the active Slider drag handle.
51
- /// @group slider
52
- $kendo-slider-draghandle-active-size: null !default;
53
41
 
54
42
  /// The background color of the Slider drag handle.
55
43
  /// @group slider
@@ -127,26 +115,18 @@ $kendo-slider-tick-horizontal-image: "data:image/gif;base64,R0lGODlhAQC0AIABALi4
127
115
  /// @group slider
128
116
  $kendo-slider-tick-vertical-image: "data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7" !default;
129
117
 
130
- /// The background color of the Slider tick marker.
131
- /// @group slider
132
- $kendo-slider-tick-marker-bg: null !default;
133
-
134
118
  @forward "@progress/kendo-theme-core/scss/components/slider/_variables.scss" with (
135
119
  $kendo-slider-size: $kendo-slider-size,
136
- $kendo-slider-tick-size: $kendo-slider-tick-size,
137
120
  $kendo-slider-alt-size: $kendo-slider-alt-size,
138
121
  $kendo-slider-font-family: $kendo-slider-font-family,
139
122
  $kendo-slider-font-size: $kendo-slider-font-size,
140
123
  $kendo-slider-line-height: $kendo-slider-line-height,
141
124
  $kendo-slider-button-offset: $kendo-slider-button-offset,
142
125
  $kendo-slider-button-size: $kendo-slider-button-size,
143
- $kendo-slider-button-spacing: $kendo-slider-button-spacing,
144
- $kendo-slider-button-focus-shadow: $kendo-slider-button-focus-shadow,
145
126
  $kendo-slider-track-thickness: $kendo-slider-track-thickness,
146
127
  $kendo-slider-draghandle-size: $kendo-slider-draghandle-size,
147
128
  $kendo-slider-draghandle-border-width: $kendo-slider-draghandle-border-width,
148
129
  $kendo-slider-draghandle-active-scale: $kendo-slider-draghandle-active-scale,
149
- $kendo-slider-draghandle-active-size: $kendo-slider-draghandle-active-size,
150
130
  $kendo-slider-draghandle-bg: $kendo-slider-draghandle-bg,
151
131
  $kendo-slider-draghandle-text: $kendo-slider-draghandle-text,
152
132
  $kendo-slider-draghandle-border: $kendo-slider-draghandle-border,
@@ -169,6 +149,5 @@ $kendo-slider-tick-marker-bg: null !default;
169
149
  $kendo-slider-selection-bg: $kendo-slider-selection-bg,
170
150
  $kendo-slider-disabled-opacity: $kendo-slider-disabled-opacity,
171
151
  $kendo-slider-tick-horizontal-image: $kendo-slider-tick-horizontal-image,
172
- $kendo-slider-tick-vertical-image: $kendo-slider-tick-vertical-image,
173
- $kendo-slider-tick-marker-bg: $kendo-slider-tick-marker-bg
152
+ $kendo-slider-tick-vertical-image: $kendo-slider-tick-vertical-image
174
153
  );
package/scss/table/_variables.scss CHANGED
@@ -158,15 +158,9 @@ $kendo-table-selected-border: null !default;
158
158
  /// Background color of highlighted rows in table.
159
159
  /// @group table
160
160
  $kendo-table-highlighted-bg: color-mix(in srgb, k-color(warning) 25%, transparent) !default;
161
- /// Text color of highlighted rows in table.
162
- /// @group table
163
- $kendo-table-highlighted-text: null !default;
164
161
  /// The font weight of highlighted rows in table.
165
162
  /// @group table
166
163
  $kendo-table-highlighted-font-weight: var( --kendo-font-weight-bold, bold ) !default;
167
- /// Border color of highlighted rows in table.
168
- /// @group table
169
- $kendo-table-highlighted-border: null !default;
170
164
 
171
165
  /// Background color of selected highlighted rows in table.
172
166
  /// @group table
@@ -218,9 +212,7 @@ $kendo-table-cell-row-span-shadow: inset 0 0 0 1px $kendo-table-border !default;
218
212
  $kendo-table-selected-text: $kendo-table-selected-text,
219
213
  $kendo-table-selected-border: $kendo-table-selected-border,
220
214
  $kendo-table-highlighted-bg: $kendo-table-highlighted-bg,
221
- $kendo-table-highlighted-text: $kendo-table-highlighted-text,
222
215
  $kendo-table-highlighted-font-weight: $kendo-table-highlighted-font-weight,
223
- $kendo-table-highlighted-border: $kendo-table-highlighted-border,
224
216
  $kendo-table-selected-highlighted-bg: $kendo-table-selected-highlighted-bg,
225
217
  $kendo-table-cell-row-span-shadow: $kendo-table-cell-row-span-shadow
226
218
  );
package/scss/taskboard/_variables.scss CHANGED
@@ -54,9 +54,6 @@ $kendo-taskboard-toolbar-gradient: null !default;
54
54
  /// The vertical padding of the TaskBoard content.
55
55
  /// @group taskboard
56
56
  $kendo-taskboard-content-padding-y: $kendo-taskboard-spacer !default;
57
- /// The horizontal padding of the TaskBoard content.
58
- /// @group taskboard
59
- $kendo-taskboard-content-padding-x: $kendo-taskboard-content-padding-y !default;
60
57
 
61
58
  /// The vertical spacing of the TaskBoard column container.
62
59
  /// @group taskboard
@@ -265,7 +262,6 @@ $kendo-taskboard-drag-placeholder-border: k-color(border) !default;
265
262
  $kendo-taskboard-toolbar-border: $kendo-taskboard-toolbar-border,
266
263
  $kendo-taskboard-toolbar-gradient: $kendo-taskboard-toolbar-gradient,
267
264
  $kendo-taskboard-content-padding-y: $kendo-taskboard-content-padding-y,
268
- $kendo-taskboard-content-padding-x: $kendo-taskboard-content-padding-x,
269
265
  $kendo-taskboard-column-container-spacing-y: $kendo-taskboard-column-container-spacing-y,
270
266
  $kendo-taskboard-column-container-padding-y: $kendo-taskboard-column-container-padding-y,
271
267
  $kendo-taskboard-column-container-padding-x: $kendo-taskboard-column-container-padding-x,
package/scss/timeline/_variables.scss CHANGED
@@ -157,10 +157,6 @@ $kendo-timeline-circle-height: 16px !default;
157
157
  /// @group timeline
158
158
  $kendo-timeline-circle-bg: k-color(primary) !default;
159
159
 
160
- /// The horizontal padding of the Timeline collapse arrow.
161
- /// @group timeline
162
- $kendo-timeline-collapse-arrow-padding-x: k-spacing(2) !default;
163
-
164
160
  /// The width of the Timeline event.
165
161
  /// @group timeline
166
162
  $kendo-timeline-event-width: 400px !default;
@@ -218,7 +214,6 @@ $kendo-timeline-event-min-height-calc: calc(2 * (#{$kendo-timeline-track-event-o
218
214
  $kendo-timeline-circle-width: $kendo-timeline-circle-width,
219
215
  $kendo-timeline-circle-height: $kendo-timeline-circle-height,
220
216
  $kendo-timeline-circle-bg: $kendo-timeline-circle-bg,
221
- $kendo-timeline-collapse-arrow-padding-x: $kendo-timeline-collapse-arrow-padding-x,
222
217
  $kendo-timeline-event-width: $kendo-timeline-event-width,
223
218
  $kendo-timeline-event-height: $kendo-timeline-event-height,
224
219
  $kendo-timeline-event-min-height-calc: $kendo-timeline-event-min-height-calc
package/scss/toolbar/_variables.scss CHANGED
@@ -59,9 +59,6 @@ $kendo-toolbar-lg-separator-height: $kendo-button-lg-calc-size !default;
59
59
  /// The width of the border around the Toolbar.
60
60
  /// @group toolbar
61
61
  $kendo-toolbar-border-width: 1px !default;
62
- /// The border radius of the Toolbar.
63
- /// @group toolbar
64
- $kendo-toolbar-border-radius: null !default;
65
62
 
66
63
  /// The font family of the Toolbar.
67
64
  /// @group toolbar
@@ -98,9 +95,6 @@ $kendo-toolbar-outline-text: $kendo-button-text !default;
98
95
  /// The color of the border around the outline Toolbar.
99
96
  /// @group toolbar
100
97
  $kendo-toolbar-outline-border: color-mix(in srgb, k-color(on-base) 50%, transparent) !default;
101
- /// The gradient of the outline Toolbar.
102
- /// @group toolbar
103
- $kendo-toolbar-outline-gradient: null !default;
104
98
  /// The box shadow of the outline Toolbar.
105
99
  /// @group toolbar
106
100
  $kendo-toolbar-outline-shadow: null !default;
@@ -117,15 +111,9 @@ $kendo-toolbar-flat-text: null !default;
117
111
  /// The color of the border around the flat Toolbar.
118
112
  /// @group toolbar
119
113
  $kendo-toolbar-flat-border: $kendo-toolbar-border !default;
120
- /// The gradient of the flat Toolbar.
121
- /// @group toolbar
122
- $kendo-toolbar-flat-gradient: null !default;
123
114
  /// The box shadow of the flat Toolbar.
124
115
  /// @group toolbar
125
116
  $kendo-toolbar-flat-shadow: null !default;
126
- /// Border width of the flat Toolbar.
127
- /// @group toolbar
128
- $kendo-toolbar-flat-border-width: 1px !default;
129
117
  /// The left and right scroll overlay of the flat Toolbar.
130
118
  /// @group toolbar
131
119
  $kendo-toolbar-flat-scroll-overlay: k-color(app-surface), color-mix(in srgb, k-color(app-surface) 0%, transparent) !default;
@@ -196,7 +184,6 @@ $kendo-toolbar-sizes: (
196
184
  $kendo-toolbar-md-separator-height: $kendo-toolbar-md-separator-height,
197
185
  $kendo-toolbar-lg-separator-height: $kendo-toolbar-lg-separator-height,
198
186
  $kendo-toolbar-border-width: $kendo-toolbar-border-width,
199
- $kendo-toolbar-border-radius: $kendo-toolbar-border-radius,
200
187
  $kendo-toolbar-font-family: $kendo-toolbar-font-family,
201
188
  $kendo-toolbar-font-size: $kendo-toolbar-font-size,
202
189
  $kendo-toolbar-line-height: $kendo-toolbar-line-height,
@@ -208,15 +195,12 @@ $kendo-toolbar-sizes: (
208
195
  $kendo-toolbar-scroll-overlay: $kendo-toolbar-scroll-overlay,
209
196
  $kendo-toolbar-outline-text: $kendo-toolbar-outline-text,
210
197
  $kendo-toolbar-outline-border: $kendo-toolbar-outline-border,
211
- $kendo-toolbar-outline-gradient: $kendo-toolbar-outline-gradient,
212
198
  $kendo-toolbar-outline-shadow: $kendo-toolbar-outline-shadow,
213
199
  $kendo-toolbar-outline-border-width: $kendo-toolbar-outline-border-width,
214
200
  $kendo-toolbar-outline-scroll-overlay: $kendo-toolbar-outline-scroll-overlay,
215
201
  $kendo-toolbar-flat-text: $kendo-toolbar-flat-text,
216
202
  $kendo-toolbar-flat-border: $kendo-toolbar-flat-border,
217
- $kendo-toolbar-flat-gradient: $kendo-toolbar-flat-gradient,
218
203
  $kendo-toolbar-flat-shadow: $kendo-toolbar-flat-shadow,
219
- $kendo-toolbar-flat-border-width: $kendo-toolbar-flat-border-width,
220
204
  $kendo-toolbar-flat-scroll-overlay: $kendo-toolbar-flat-scroll-overlay,
221
205
  $kendo-toolbar-separator-border: $kendo-toolbar-separator-border,
222
206
  $kendo-toolbar-input-width: $kendo-toolbar-input-width,
package/scss/typography/_variables.scss CHANGED
@@ -5,121 +5,121 @@
5
5
  // Headings
6
6
 
7
7
  /// The font size of the highest level heading.
8
- /// @group typography
8
+ /// @group typography-component
9
9
  $kendo-h1-font-size: calc( var( --kendo-font-size, .875rem ) * 4 ) !default;
10
10
  /// The font size of the second highest level heading.
11
- /// @group typography
11
+ /// @group typography-component
12
12
  $kendo-h2-font-size: calc( var( --kendo-font-size, .875rem ) * 3 ) !default;
13
13
  /// The font size of the third highest level heading.
14
- /// @group typography
14
+ /// @group typography-component
15
15
  $kendo-h3-font-size: calc( var( --kendo-font-size, .875rem ) * 2.5 ) !default;
16
16
  /// The font size of the fourth highest level heading.
17
- /// @group typography
17
+ /// @group typography-component
18
18
  $kendo-h4-font-size: calc( var( --kendo-font-size, .875rem ) * 2 ) !default;
19
19
  /// The font size of the fifth highest level heading.
20
- /// @group typography
20
+ /// @group typography-component
21
21
  $kendo-h5-font-size: calc( var( --kendo-font-size, .875rem ) * 1.5 ) !default;
22
22
  /// The font size of the sixth highest level heading.
23
- /// @group typography
23
+ /// @group typography-component
24
24
  $kendo-h6-font-size: var( --kendo-font-size, inherit ) !default;
25
25
 
26
26
  /// The font family of the highest level heading.
27
- /// @group typography
27
+ /// @group typography-component
28
28
  $kendo-h1-font-family: var( --kendo-font-family, inherit ) !default;
29
29
  /// The font family of the second highest level heading.
30
- /// @group typography
30
+ /// @group typography-component
31
31
  $kendo-h2-font-family: var( --kendo-font-family, inherit ) !default;
32
32
  /// The font family of the third highest level heading.
33
- /// @group typography
33
+ /// @group typography-component
34
34
  $kendo-h3-font-family: var( --kendo-font-family, inherit ) !default;
35
35
  /// The font family of the fourth highest level heading.
36
- /// @group typography
36
+ /// @group typography-component
37
37
  $kendo-h4-font-family: var( --kendo-font-family, inherit ) !default;
38
38
  /// The font family of the fifth highest level heading.
39
- /// @group typography
39
+ /// @group typography-component
40
40
  $kendo-h5-font-family: var( --kendo-font-family, inherit ) !default;
41
41
  /// The font family of the sixth highest level heading.
42
- /// @group typography
42
+ /// @group typography-component
43
43
  $kendo-h6-font-family: var( --kendo-font-family, inherit ) !default;
44
44
 
45
45
  /// The line height of the highest level heading.
46
- /// @group typography
46
+ /// @group typography-component
47
47
  $kendo-h1-line-height: 74px !default;
48
48
  /// The line height of the second highest level heading.
49
- /// @group typography
49
+ /// @group typography-component
50
50
  $kendo-h2-line-height: 56px !default;
51
51
  /// The line height of the third highest level heading.
52
- /// @group typography
52
+ /// @group typography-component
53
53
  $kendo-h3-line-height: 42px !default;
54
54
  /// The line height of the fourth highest level heading.
55
- /// @group typography
55
+ /// @group typography-component
56
56
  $kendo-h4-line-height: 40px !default;
57
57
  /// The line height of the fifth highest level heading.
58
- /// @group typography
58
+ /// @group typography-component
59
59
  $kendo-h5-line-height: 28px !default;
60
60
  /// The line height of the sixth highest level heading.
61
- /// @group typography
61
+ /// @group typography-component
62
62
  $kendo-h6-line-height: 20px !default;
63
63
 
64
64
  /// The font weight of the highest level heading.
65
- /// @group typography
65
+ /// @group typography-component
66
66
  $kendo-h1-font-weight: var( --kendo-font-weight-normal, normal ) !default;
67
67
  /// The font weight of the second highest level heading.
68
- /// @group typography
68
+ /// @group typography-component
69
69
  $kendo-h2-font-weight: var( --kendo-font-weight-normal, normal ) !default;
70
70
  /// The font weight of the third highest level heading.
71
- /// @group typography
71
+ /// @group typography-component
72
72
  $kendo-h3-font-weight: var( --kendo-font-weight-normal, normal ) !default;
73
73
  /// The font weight of the fourth highest level heading.
74
- /// @group typography
74
+ /// @group typography-component
75
75
  $kendo-h4-font-weight: var( --kendo-font-weight-bold, normal ) !default;
76
76
  /// The font weight of the fifth highest level heading.
77
- /// @group typography
77
+ /// @group typography-component
78
78
  $kendo-h5-font-weight: var( --kendo-font-weight-bold, normal ) !default;
79
79
  /// The font weight of the sixth highest level heading.
80
- /// @group typography
80
+ /// @group typography-component
81
81
  $kendo-h6-font-weight: var( --kendo-font-weight-bold, normal ) !default;
82
82
 
83
83
  /// The letter spacing of the highest level heading.
84
- /// @group typography
84
+ /// @group typography-component
85
85
  $kendo-h1-letter-spacing: null !default;
86
86
  /// The letter spacing of the second highest level heading.
87
- /// @group typography
87
+ /// @group typography-component
88
88
  $kendo-h2-letter-spacing: null !default;
89
89
  /// The letter spacing of the third highest level heading.
90
- /// @group typography
90
+ /// @group typography-component
91
91
  $kendo-h3-letter-spacing: null !default;
92
92
  /// The letter spacing of the fourth highest level heading.
93
- /// @group typography
93
+ /// @group typography-component
94
94
  $kendo-h4-letter-spacing: null !default;
95
95
  /// The letter spacing of the fifth highest level heading.
96
- /// @group typography
96
+ /// @group typography-component
97
97
  $kendo-h5-letter-spacing: null !default;
98
98
  /// The letter spacing of the sixth highest level heading.
99
- /// @group typography
99
+ /// @group typography-component
100
100
  $kendo-h6-letter-spacing: null !default;
101
101
 
102
102
  /// The margin of the highest level heading.
103
- /// @group typography
103
+ /// @group typography-component
104
104
  $kendo-h1-margin: 0 0 var( --kendo-font-size, inherit ) !default;
105
105
  /// The margin of the second highest level heading.
106
- /// @group typography
106
+ /// @group typography-component
107
107
  $kendo-h2-margin: 0 0 var( --kendo-font-size, inherit ) !default;
108
108
  /// The margin of the third highest level heading.
109
- /// @group typography
109
+ /// @group typography-component
110
110
  $kendo-h3-margin: 0 0 var( --kendo-font-size, inherit ) !default;
111
111
  /// The margin of the fourth highest level heading.
112
- /// @group typography
112
+ /// @group typography-component
113
113
  $kendo-h4-margin: 0 0 var( --kendo-font-size, inherit ) !default;
114
114
  /// The margin of the fifth highest level heading.
115
- /// @group typography
115
+ /// @group typography-component
116
116
  $kendo-h5-margin: 0 0 var( --kendo-font-size, inherit ) !default;
117
117
  /// The margin of the sixth highest level heading.
118
- /// @group typography
118
+ /// @group typography-component
119
119
  $kendo-h6-margin: 0 0 var( --kendo-font-size, inherit ) !default;
120
120
 
121
121
  /// The headings Map.
122
- /// @group typography
122
+ /// @group typography-component
123
123
  $kendo-headings: (
124
124
  h1: (
125
125
  font-size: $kendo-h1-font-size,
@@ -175,138 +175,138 @@ $kendo-headings: (
175
175
  // Paragraph
176
176
 
177
177
  /// The margin of the paragraph.
178
- /// @group typography
178
+ /// @group typography-component
179
179
  $kendo-paragraph-margin: 0 0 var( --kendo-font-size, inherit ) !default;
180
180
  /// The font size of the paragraph.
181
- /// @group typography
181
+ /// @group typography-component
182
182
  $kendo-paragraph-font-size: var( --kendo-font-size, inherit ) !default;
183
183
  /// The font family of the paragraph.
184
- /// @group typography
184
+ /// @group typography-component
185
185
  $kendo-paragraph-font-family: var( --kendo-font-family, inherit ) !default;
186
186
  /// The line height of the paragraph.
187
- /// @group typography
187
+ /// @group typography-component
188
188
  $kendo-paragraph-line-height: 20px !default;
189
189
  /// The font weight of the paragraph.
190
- /// @group typography
190
+ /// @group typography-component
191
191
  $kendo-paragraph-font-weight: var( --kendo-font-weight-normal, normal ) !default;
192
192
  /// The letter spacing of the paragraph.
193
- /// @group typography
193
+ /// @group typography-component
194
194
  $kendo-paragraph-letter-spacing: null !default;
195
195
 
196
196
 
197
197
  // Code
198
198
 
199
199
  /// The font size of the code tag.
200
- /// @group typography
200
+ /// @group typography-component
201
201
  $kendo-code-font-size: var( --kendo-font-size, inherit ) !default;
202
202
  /// The font family of the code tag.
203
- /// @group typography
203
+ /// @group typography-component
204
204
  $kendo-code-font-family: var( --kendo-font-family-monospace, normal ) !default;
205
205
  /// The line height of the code tag.
206
- /// @group typography
206
+ /// @group typography-component
207
207
  $kendo-code-line-height: 20px !default;
208
208
  /// The font weight of the code tag.
209
- /// @group typography
209
+ /// @group typography-component
210
210
  $kendo-code-font-weight: var( --kendo-font-weight-normal, normal ) !default;
211
211
  /// The letter spacing of the code tag.
212
- /// @group typography
212
+ /// @group typography-component
213
213
  $kendo-code-letter-spacing: null !default;
214
214
 
215
215
  /// The horizontal padding of the code tag.
216
- /// @group typography
216
+ /// @group typography-component
217
217
  $kendo-code-padding-x: k-spacing(1) !default;
218
218
  /// The vertical padding of the code tag.
219
- /// @group typography
219
+ /// @group typography-component
220
220
  $kendo-code-padding-y: k-spacing(0) !default;
221
221
  /// The horizontal padding of the preformatted text.
222
- /// @group typography
222
+ /// @group typography-component
223
223
  $kendo-pre-padding-x: k-spacing(6) !default;
224
224
  /// The vertical padding of the preformatted text.
225
- /// @group typography
225
+ /// @group typography-component
226
226
  $kendo-pre-padding-y: k-spacing(4) !default;
227
227
  /// The width of the border of the code tag.
228
- /// @group typography
228
+ /// @group typography-component
229
229
  $kendo-code-border-width: 1px !default;
230
230
 
231
231
  /// The background color of the code tag.
232
- /// @group typography
232
+ /// @group typography-component
233
233
  $kendo-code-bg: k-color(surface) !default;
234
234
  /// The color of the code tag.
235
- /// @group typography
235
+ /// @group typography-component
236
236
  $kendo-code-text: k-color(on-app-surface) !default;
237
237
  /// The border color of the code tag.
238
- /// @group typography
238
+ /// @group typography-component
239
239
  $kendo-code-border: k-color(border) !default;
240
240
 
241
241
  // Display
242
242
 
243
243
  /// The font size of the largest display text.
244
- /// @group typography
244
+ /// @group typography-component
245
245
  $kendo-display1-font-size: calc( var( --kendo-font-size, .875rem ) * 8) !default;
246
246
  /// The font size of the second largest display text.
247
- /// @group typography
247
+ /// @group typography-component
248
248
  $kendo-display2-font-size: calc( var( --kendo-font-size, .875rem ) * 7) !default;
249
249
  /// The font size of the third largest display text.
250
- /// @group typography
250
+ /// @group typography-component
251
251
  $kendo-display3-font-size: calc( var( --kendo-font-size, .875rem ) * 6) !default;
252
252
  /// The font size of the fourth largest display text.
253
- /// @group typography
253
+ /// @group typography-component
254
254
  $kendo-display4-font-size: calc( var( --kendo-font-size, .875rem ) * 5) !default;
255
255
 
256
256
  /// The font family of the largest display text.
257
- /// @group typography
257
+ /// @group typography-component
258
258
  $kendo-display1-font-family: var( --kendo-font-family, inherit ) !default;
259
259
  /// The font family of the second largest display text.
260
- /// @group typography
260
+ /// @group typography-component
261
261
  $kendo-display2-font-family: var( --kendo-font-family, inherit ) !default;
262
262
  /// The font family of the third largest display text.
263
- /// @group typography
263
+ /// @group typography-component
264
264
  $kendo-display3-font-family: var( --kendo-font-family, inherit ) !default;
265
265
  /// The font family of the fourth largest display text.
266
- /// @group typography
266
+ /// @group typography-component
267
267
  $kendo-display4-font-family: var( --kendo-font-family, inherit ) !default;
268
268
 
269
269
  /// The line height of the largest display text.
270
- /// @group typography
270
+ /// @group typography-component
271
271
  $kendo-display1-line-height: 1.2 !default;
272
272
  /// The line height of the second largest display text.
273
- /// @group typography
273
+ /// @group typography-component
274
274
  $kendo-display2-line-height: 1.2 !default;
275
275
  /// The line height of the third largest display text.
276
- /// @group typography
276
+ /// @group typography-component
277
277
  $kendo-display3-line-height: 1.2 !default;
278
278
  /// The line height of the fourth largest display text.
279
- /// @group typography
279
+ /// @group typography-component
280
280
  $kendo-display4-line-height: 1.2 !default;
281
281
 
282
282
  /// The font weight of the largest display text.
283
- /// @group typography
283
+ /// @group typography-component
284
284
  $kendo-display1-font-weight: var( --kendo-font-weight-light, normal ) !default;
285
285
  /// The font weight of the second largest display text.
286
- /// @group typography
286
+ /// @group typography-component
287
287
  $kendo-display2-font-weight: var( --kendo-font-weight-light, normal ) !default;
288
288
  /// The font weight of the third largest display text.
289
- /// @group typography
289
+ /// @group typography-component
290
290
  $kendo-display3-font-weight: var( --kendo-font-weight-light, normal ) !default;
291
291
  /// The font weight of the fourth largest display text.
292
- /// @group typography
292
+ /// @group typography-component
293
293
  $kendo-display4-font-weight: var( --kendo-font-weight-light, normal ) !default;
294
294
 
295
295
  /// The letter spacing of the largest display text.
296
- /// @group typography
296
+ /// @group typography-component
297
297
  $kendo-display1-letter-spacing: null !default;
298
298
  /// The letter spacing of the second largest display text.
299
- /// @group typography
299
+ /// @group typography-component
300
300
  $kendo-display2-letter-spacing: null !default;
301
301
  /// The letter spacing of the third largest display text.
302
- /// @group typography
302
+ /// @group typography-component
303
303
  $kendo-display3-letter-spacing: null !default;
304
304
  /// The letter spacing of the fourth largest display text.
305
- /// @group typography
305
+ /// @group typography-component
306
306
  $kendo-display4-letter-spacing: null !default;
307
307
 
308
308
  /// The displays Map.
309
- /// @group typography
309
+ /// @group typography-component
310
310
  $kendo-display: (
311
311
  1: (
312
312
  font-size: $kendo-display1-font-size,