@progress/kendo-theme-fluent 11.1.0-dev.3 → 11.1.0-dev.4

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.
@@ -29,9 +29,6 @@ $kendo-spreadsheet-border: color-mix(in srgb, k-color(border) 16%, transparent)
29
29
  /// The primary border color of the Spreadsheet.
30
30
  /// @group spreadsheet
31
31
  $kendo-spreadsheet-primary-border: k-color(primary) !default;
32
- /// The primary background color of the Spreadsheet.
33
- /// @group spreadsheet
34
- $kendo-spreadsheet-primary-bg: k-color(primary) !default;
35
32
 
36
33
  /// The background color of the Spreadsheet header.
37
34
  /// @group spreadsheet
@@ -53,9 +50,6 @@ $kendo-spreadsheet-table-header-text: $kendo-spreadsheet-header-text !default;
53
50
  /// @group spreadsheet
54
51
  $kendo-spreadsheet-table-header-border: $kendo-spreadsheet-header-border !default;
55
52
 
56
- /// The text color of the selected Spreadsheet.
57
- /// @group spreadsheet
58
- $kendo-spreadsheet-selected-text: k-color(primary-on-subtle) !default;
59
53
  /// The background color of the selected Spreadsheet.
60
54
  /// @group spreadsheet
61
55
  $kendo-spreadsheet-selected-bg: k-color(primary-subtle-active) !default;
@@ -252,10 +246,6 @@ $kendo-spreadsheet-filter-button-active-border: k-color(border) !default;
252
246
  /// @group spreadsheet
253
247
  $kendo-spreadsheet-filter-menu-icon-color: k-color(primary) !default;
254
248
 
255
- /// The border color of the Spreadsheet error.
256
- /// @group spreadsheet
257
- $kendo-spreadsheet-error-border: k-color(error-on-subtle) !default;
258
-
259
249
  /// The border style of the Spreadsheet image Dialog.
260
250
  /// @group spreadsheet
261
251
  $kendo-spreadsheet-insert-image-dialog-border-style: dashed !default;
@@ -179,15 +179,9 @@ $kendo-table-selected-border: $kendo-table-border !default;
179
179
  /// Background color of highlighted rows in table.
180
180
  /// @group table
181
181
  $kendo-table-highlighted-bg: color-mix(in srgb, k-color(warning) 13%, transparent) !default;
182
- /// Text color of highlighted rows in table.
183
- /// @group table
184
- $kendo-table-highlighted-text: $kendo-table-text !default;
185
182
  /// The font weight of highlighted rows in table.
186
183
  /// @group table
187
184
  $kendo-table-highlighted-font-weight: var( --kendo-font-weight-semibold, bold ) !default;
188
- /// Border color of highlighted rows in table.
189
- /// @group table
190
- $kendo-table-highlighted-border: $kendo-table-border !default;
191
185
 
192
186
  /// Background color of selected highlighted rows in table.
193
187
  /// @group table
@@ -184,13 +184,6 @@ $kendo-tabstrip-content-border: transparent !default;
184
184
  /// @group tabstrip
185
185
  $kendo-tabstrip-content-focus-border: k-color(on-app-surface) !default;
186
186
 
187
- /// The horizontal button padding of the scrollable TabStrip.
188
- /// @group tabstrip
189
- $kendo-tabstrip-scrollable-button-padding-x: k-spacing(1) !default;
190
- // The vertical button padding of the scrollable TabStrip.
191
- /// @group tabstrip
192
- $kendo-tabstrip-scrollable-button-padding-y: k-spacing(1) !default;
193
-
194
187
  /// The left and right scroll overlay of the TabStrip.
195
188
  /// @group tabstrip
196
189
  $kendo-tabstrip-scroll-overlay: k-color(app-surface), color-mix(in srgb, k-color(app-surface) 0%, transparent) !default;
@@ -90,9 +90,6 @@ $kendo-toolbar-flat-text: null !default;
90
90
  /// The color of the border around the flat Toolbar.
91
91
  /// @group toolbar
92
92
  $kendo-toolbar-flat-border: $kendo-toolbar-border !default;
93
- /// Border width of the flat Toolbar.
94
- /// @group toolbar
95
- $kendo-toolbar-flat-border-width: 1px !default;
96
93
  /// The left and right scroll overlay of the flat Toolbar.
97
94
  /// @group toolbar
98
95
  $kendo-toolbar-flat-scroll-overlay: k-color(app-surface), color-mix(in srgb, k-color(app-surface) 0%, transparent) !default;
@@ -6,120 +6,120 @@
6
6
  // Headings
7
7
 
8
8
  /// The font size of the highest level heading.
9
- /// @group typography
9
+ /// @group typography-component
10
10
  $kendo-h1-font-size: 32px !default;
11
11
  /// The font size of the second highest level heading.
12
- /// @group typography
12
+ /// @group typography-component
13
13
  $kendo-h2-font-size: 28px !default;
14
14
  /// The font size of the third highest level heading.
15
- /// @group typography
15
+ /// @group typography-component
16
16
  $kendo-h3-font-size: 24px !default;
17
17
  /// The font size of the fourth highest level heading.
18
- /// @group typography
18
+ /// @group typography-component
19
19
  $kendo-h4-font-size: 20px !default;
20
20
  /// The font size of the fifth highest level heading.
21
- /// @group typography
21
+ /// @group typography-component
22
22
  $kendo-h5-font-size: 18px !default;
23
23
  /// The font size of the sixth highest level heading.
24
- /// @group typography
24
+ /// @group typography-component
25
25
  $kendo-h6-font-size: 16px !default;
26
26
 
27
27
  /// The font family of the highest level heading.
28
- /// @group typography
28
+ /// @group typography-component
29
29
  $kendo-h1-font-family: var( --kendo-font-family, inherit ) !default;
30
30
  /// The font family of the second highest level heading.
31
- /// @group typography
31
+ /// @group typography-component
32
32
  $kendo-h2-font-family: var( --kendo-font-family, inherit ) !default;
33
33
  /// The font family of the third highest level heading.
34
- /// @group typography
34
+ /// @group typography-component
35
35
  $kendo-h3-font-family: var( --kendo-font-family, inherit ) !default;
36
36
  /// The font family of the fourth highest level heading.
37
- /// @group typography
37
+ /// @group typography-component
38
38
  $kendo-h4-font-family: var( --kendo-font-family, inherit ) !default;
39
39
  /// The font family of the fifth highest level heading.
40
40
  ///
41
41
  $kendo-h5-font-family: var( --kendo-font-family, inherit ) !default;
42
42
  /// The font family of the sixth highest level heading.
43
- /// @group typography
43
+ /// @group typography-component
44
44
  $kendo-h6-font-family: var( --kendo-font-family, inherit ) !default;
45
45
 
46
46
  /// The line height of the highest level heading.
47
- /// @group typography
47
+ /// @group typography-component
48
48
  $kendo-h1-line-height: 40px !default;
49
49
  /// The line height of the second highest level heading.
50
- /// @group typography
50
+ /// @group typography-component
51
51
  $kendo-h2-line-height: 36px !default;
52
52
  /// The line height of the third highest level heading.
53
- /// @group typography
53
+ /// @group typography-component
54
54
  $kendo-h3-line-height: 32px !default;
55
55
  /// The line height of the fourth highest level heading.
56
- /// @group typography
56
+ /// @group typography-component
57
57
  $kendo-h4-line-height: 28px !default;
58
58
  /// The line height of the fifth highest level heading.
59
- /// @group typography
59
+ /// @group typography-component
60
60
  $kendo-h5-line-height: 24px !default;
61
61
  /// The line height of the sixth highest level heading.
62
62
  $kendo-h6-line-height: 22px !default;
63
63
 
64
64
  /// The font weight of the highest level heading.
65
- /// @group typography
65
+ /// @group typography-component
66
66
  $kendo-h2-font-weight: var( --kendo-font-weight-semibold, normal ) !default;
67
67
  /// The font weight of the second highest level heading.
68
- /// @group typography
68
+ /// @group typography-component
69
69
  $kendo-h1-font-weight: var( --kendo-font-weight-semibold, 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-semibold, 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-semibold, 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-semibold, 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-semibold, 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: var( --kendo-letter-spacing, normal ) !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: var( --kendo-letter-spacing, normal ) !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: var( --kendo-letter-spacing, normal ) !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: var( --kendo-letter-spacing, normal ) !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: var( --kendo-letter-spacing, normal ) !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: var( --kendo-letter-spacing, normal ) !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: var( --kendo-line-height, normal) !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) !default;
192
192
  /// The letter spacing of the paragraph.
193
- /// @group typography
193
+ /// @group typography-component
194
194
  $kendo-paragraph-letter-spacing: var( --kendo-letter-spacing, normal) !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: $kendo-font-family-monospace !default;
205
205
  /// The line height of the code tag.
206
- /// @group typography
206
+ /// @group typography-component
207
207
  $kendo-code-line-height: var( --kendo-line-height, normal) !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) !default;
211
211
  /// The letter spacing of the code tag.
212
- /// @group typography
212
+ /// @group typography-component
213
213
  $kendo-code-letter-spacing: var( --kendo-letter-spacing, normal) !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-alt) !default;
234
234
  /// The text 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: color-mix(in srgb, k-color(border) 16%, transparent) !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 ) * 9 ) !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 ) * 6 ) !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: 68px !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 ) * 3 ) !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: 118px !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: 94px !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: 76px !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: 52px !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-semibold, 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-semibold, 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-semibold, 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-semibold, 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: var( --kendo-letter-spacing, normal ) !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: var( --kendo-letter-spacing, normal ) !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: var( --kendo-letter-spacing, normal ) !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: var( --kendo-letter-spacing, normal ) !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,
@@ -24,9 +24,6 @@ $kendo-wizard-font-family: var( --kendo-font-family, inherit ) !default;
24
24
  /// The horizontal padding of the Wizard steps.
25
25
  /// @group wizard
26
26
  $kendo-wizard-steps-padding-x: k-spacing(3) !default;
27
- /// The vertical padding of the Wizard steps.
28
- /// @group wizard
29
- $kendo-wizard-steps-padding-y: k-spacing(3) !default;
30
27
 
31
28
  /// The horizontal padding of the Wizard content.
32
29
  /// @group wizard