@progress/kendo-theme-fluent 8.0.0-dev.5 → 8.0.0-dev.7

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 (9) hide show
  1. package/dist/all.css +3 -3
  2. package/dist/meta/sassdoc-data.json +500 -400
  3. package/dist/meta/sassdoc-raw-data.json +250 -200
  4. package/lib/swatches/all.json +1 -1
  5. package/lib/swatches/fluent-main.json +1 -1
  6. package/package.json +4 -4
  7. package/scss/scheduler/_variables.scss +79 -79
  8. package/scss/tabstrip/_variables.scss +48 -44
  9. package/scss/typography/_variables.scss +3 -3
package/lib/swatches/all.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "All",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "8.0.0-dev.5",
6
+ "version": "8.0.0-dev.7",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/fluent-main.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "8.0.0-dev.5",
6
+ "version": "8.0.0-dev.7",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-fluent",
3
3
  "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
4
- "version": "8.0.0-dev.5",
4
+ "version": "8.0.0-dev.7",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -53,12 +53,12 @@
53
53
  },
54
54
  "dependencies": {
55
55
  "@progress/kendo-svg-icons": "2.3.0",
56
- "@progress/kendo-theme-core": "8.0.0-dev.5",
57
- "@progress/kendo-theme-utils": "8.0.0-dev.5"
56
+ "@progress/kendo-theme-core": "8.0.0-dev.7",
57
+ "@progress/kendo-theme-utils": "8.0.0-dev.7"
58
58
  },
59
59
  "directories": {
60
60
  "doc": "docs",
61
61
  "lib": "lib"
62
62
  },
63
- "gitHead": "4e73fce8968603b1544c52cc3ee36fd270fea8ba"
63
+ "gitHead": "b9f112814c8d8f8ebc71f9394bb013cb6b6e7b31"
64
64
  }
package/scss/scheduler/_variables.scss CHANGED
@@ -3,264 +3,264 @@
3
3
  @use "../calendar/_variables.scss" as *;
4
4
  @use "../toolbar/_variables.scss" as *;
5
5
 
6
- /// Width of the border around the scheduler.
6
+ /// The width of the border around the Scheduler.
7
7
  /// @group scheduler
8
8
  $kendo-scheduler-border-width: 1px !default;
9
- /// Font family of the scheduler.
9
+ /// The font family of the Scheduler.
10
10
  /// @group scheduler
11
11
  $kendo-scheduler-font-family: var( --kendo-font-family, inherit ) !default;
12
- /// Font size of the scheduler.
12
+ /// The font size of the Scheduler.
13
13
  /// @group scheduler
14
14
  $kendo-scheduler-font-size: var( --kendo-font-size, inherit ) !default;
15
- /// Line height of the scheduler.
15
+ /// The line height of the Scheduler.
16
16
  /// @group scheduler
17
17
  $kendo-scheduler-line-height: var( --kendo-line-height, normal ) !default;
18
18
 
19
- /// Background color of the scheduler.
19
+ /// The background color of the Scheduler.
20
20
  /// @group scheduler
21
21
  $kendo-scheduler-bg: var( --kendo-component-bg, initial ) !default;
22
- /// Text color of the scheduler.
22
+ /// The text color of the Scheduler.
23
23
  /// @group scheduler
24
24
  $kendo-scheduler-text: var( --kendo-component-text, initial ) !default;
25
- /// Border color of the scheduler.
25
+ /// The border color of the Scheduler.
26
26
  /// @group scheduler
27
27
  $kendo-scheduler-border: var( --kendo-component-border, initial ) !default;
28
28
 
29
- /// Background color of the selected row in scheduler.
29
+ /// The background color of the selected row in Scheduler.
30
30
  /// @group scheduler
31
31
  $kendo-scheduler-selected-bg: if($kendo-enable-color-system, k-color( primary-subtle ), k-get-theme-color-var( primary-20 )) !default;
32
- /// Text color of the selected row in scheduler.
32
+ /// The text color of the selected row in Scheduler.
33
33
  /// @group scheduler
34
34
  $kendo-scheduler-selected-text: $kendo-scheduler-text !default;
35
- /// Border color of the selected row in scheduler.
35
+ /// The border color of the selected row in Scheduler.
36
36
  /// @group scheduler
37
37
  $kendo-scheduler-selected-border: $kendo-scheduler-border !default;
38
38
 
39
- /// Background color of the scheduler toolbar.
39
+ /// The background color of the Scheduler ToolBar.
40
40
  /// @group scheduler
41
41
  $kendo-scheduler-toolbar-bg: var( --kendo-toolbar-bg, $kendo-toolbar-bg ) !default;
42
- /// Text color of the scheduler toolbar.
42
+ /// The text color of the Scheduler ToolBar.
43
43
  /// @group scheduler
44
44
  $kendo-scheduler-toolbar-text: var( --kendo-toolbar-text, $kendo-toolbar-text ) !default;
45
- /// Border color of the scheduler toolbar.
45
+ /// The border color of the Scheduler ToolBar.
46
46
  /// @group scheduler
47
47
  $kendo-scheduler-toolbar-border: var( --kendo-toolbar-border, $kendo-toolbar-border ) !default;
48
- /// Gradient of the scheduler toolbar.
48
+ /// The gradient of the Scheduler ToolBar.
49
49
  /// @group scheduler
50
50
  $kendo-scheduler-toolbar-gradient: null !default; // $kendo-toolbar-gradient
51
51
 
52
- /// Background color of the scheduler footer.
52
+ /// The background color of the Scheduler footer.
53
53
  /// @group scheduler
54
54
  $kendo-scheduler-footer-bg: var( --kendo-toolbar-bg, $kendo-toolbar-bg ) !default;
55
- /// Text color of the scheduler footer.
55
+ /// The text color of the Scheduler footer.
56
56
  /// @group scheduler
57
57
  $kendo-scheduler-footer-text: var( --kendo-toolbar-text, $kendo-toolbar-text ) !default;
58
- /// Border color of the scheduler footer.
58
+ /// The border color of the Scheduler footer.
59
59
  /// @group scheduler
60
60
  $kendo-scheduler-footer-border: var( --kendo-toolbar-border, $kendo-toolbar-border ) !default;
61
- /// Gradient of the scheduler footer.
61
+ /// The gradient of the Scheduler footer.
62
62
  /// @group scheduler
63
63
  $kendo-scheduler-footer-gradient: null !default; // $kendo-toolbar-gradient
64
64
 
65
- /// Border radius of the scheduler event.
65
+ /// The border radius of the Scheduler event.
66
66
  /// @group scheduler
67
67
  $kendo-scheduler-event-border-radius: k-border-radius(md) !default;
68
- /// Line height of the scheduler event.
68
+ /// The line height of the Scheduler event.
69
69
  /// @group scheduler
70
70
  $kendo-scheduler-event-line-height: $kendo-scheduler-line-height !default;
71
- /// Horizontal padding of the scheduler event.
71
+ /// The horizontal padding of the Scheduler event.
72
72
  /// @group scheduler
73
73
  $kendo-scheduler-event-padding-x: k-spacing(2) !default;
74
- /// Vertical padding of the scheduler event.
74
+ /// The vertical padding of the Scheduler event.
75
75
  /// @group scheduler
76
76
  $kendo-scheduler-event-padding-y: k-spacing(0.5) !default;
77
- /// Minumum height of the scheduler event.
77
+ /// The minimum height of the Scheduler event.
78
78
  /// @group scheduler
79
79
  $kendo-scheduler-event-min-height: calc( #{$kendo-scheduler-line-height} + 2 * #{$kendo-scheduler-event-padding-y} ) !default;
80
80
 
81
- /// Background color of the scheduler event.
81
+ /// The background color of the Scheduler event.
82
82
  /// @group scheduler
83
83
  $kendo-scheduler-event-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
84
- /// Text color of the scheduler event.
84
+ /// The text color of the Scheduler event.
85
85
  /// @group scheduler
86
86
  $kendo-scheduler-event-text: if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white) !default;
87
- /// Border color of the scheduler event.
87
+ /// The border color of the Scheduler event.
88
88
  /// @group scheduler
89
89
  $kendo-scheduler-event-border: $kendo-scheduler-event-bg !default;
90
- /// Gradient of the scheduler event.
90
+ /// The gradient of the Scheduler event.
91
91
  /// @group scheduler
92
92
  $kendo-scheduler-event-gradient: null !default;
93
- /// Shadow of the scheduler event.
93
+ /// The shadow of the Scheduler event.
94
94
  /// @group scheduler
95
95
  $kendo-scheduler-event-shadow: null !default;
96
96
 
97
- /// Background color of the hovered scheduler event.
97
+ /// The background color of the hovered Scheduler event.
98
98
  /// @group scheduler
99
99
  $kendo-scheduler-event-hover-bg: var( --kendo-hover-bg, inherit ) !default;
100
- /// Text color of the hovered scheduler event.
100
+ /// The text color of the hovered Scheduler event.
101
101
  /// @group scheduler
102
102
  $kendo-scheduler-event-hover-text: var( --kendo-hover-text, inherit ) !default;
103
- /// Boeswe color of the hovered scheduler event.
103
+ /// The border color of the hovered Scheduler event.
104
104
  /// @group scheduler
105
105
  $kendo-scheduler-event-hover-border: var( --kendo-hover-border, inherit ) !default;
106
- /// Gradient of the hovered scheduler event.
106
+ /// The gradient of the hovered Scheduler event.
107
107
  /// @group scheduler
108
108
  $kendo-scheduler-event-hover-gradient: null !default;
109
- /// Shadow of the hovered scheduler event.
109
+ /// The shadow of the hovered Scheduler event.
110
110
  /// @group scheduler
111
111
  $kendo-scheduler-event-hover-shadow: null !default;
112
112
 
113
- /// Background color of the selected scheduler event.
113
+ /// The background color of the selected Scheduler event.
114
114
  /// @group scheduler
115
115
  $kendo-scheduler-event-selected-bg: if($kendo-enable-color-system, k-color( primary-active ), k-get-theme-color-var( primary-120 )) !default;
116
- /// Text color of the selected scheduler event.
116
+ /// The text color of the selected Scheduler event.
117
117
  /// @group scheduler
118
118
  $kendo-scheduler-event-selected-text: $kendo-scheduler-event-text !default;
119
- /// Border color of the selected scheduler event.
119
+ /// The border color of the selected Scheduler event.
120
120
  /// @group scheduler
121
121
  $kendo-scheduler-event-selected-border: $kendo-scheduler-event-bg !default;
122
- /// Gradient of the selected scheduler event.
122
+ /// The gradient of the selected Scheduler event.
123
123
  /// @group scheduler
124
124
  $kendo-scheduler-event-selected-gradient: null !default;
125
- /// Shadow of the selected scheduler event.
125
+ /// The shadow of the selected Scheduler event.
126
126
  /// @group scheduler
127
127
  $kendo-scheduler-event-selected-shadow: none !default;
128
128
 
129
- /// Shadow of the ongoing scheduler event.
129
+ /// The shadow of the ongoing Scheduler event.
130
130
  /// @group scheduler
131
131
  $kendo-scheduler-event-ongoing-shadow: inset 0px 0px 0px 1px #ff0000 !default;
132
132
 
133
- /// Horizontal padding of the scheduler cell.
133
+ /// The horizontal padding of the Scheduler cell.
134
134
  /// @group scheduler
135
135
  $kendo-scheduler-cell-padding-x: k-spacing(2) !default;
136
- /// Vertical padding of the scheduler cell.
136
+ /// The vertical padding of the Scheduler cell.
137
137
  /// @group scheduler
138
138
  $kendo-scheduler-cell-padding-y: k-spacing(2) !default;
139
- /// Height of the scheduler cell.
139
+ /// The height of the Scheduler cell.
140
140
  /// @group scheduler
141
141
  $kendo-scheduler-cell-height: $kendo-line-height-em !default;
142
- /// Width of the scheduler date column.
142
+ /// The width of the Scheduler date column.
143
143
  /// @group scheduler
144
144
  $kendo-scheduler-datecolumn-width: 12em !default;
145
- /// Width of the scheduler time column.
145
+ /// The width of the Scheduler time column.
146
146
  /// @group scheduler
147
147
  $kendo-scheduler-timecolumn-width: 11em !default;
148
148
 
149
- /// Background color of the non-working hours in the scheduler.
149
+ /// The background color of the non-working hours in the Scheduler.
150
150
  /// @group scheduler
151
151
  $kendo-scheduler-nonwork-bg: if($kendo-enable-color-system, k-color( surface ), k-get-theme-color-var( neutral-10 )) !default;
152
- /// Text color of the non-working hours in the scheduler.
152
+ /// The text color of the non-working hours in the Scheduler.
153
153
  /// @group scheduler
154
154
  $kendo-scheduler-nonwork-text: null !default;
155
155
 
156
- /// Background color of the weekends in the scheduler.
156
+ /// The background color of the weekends in the Scheduler.
157
157
  /// @group scheduler
158
158
  $kendo-scheduler-weekend-bg: null !default;
159
- /// Text color of the weekends in the scheduler.
159
+ /// The text color of the weekends in the Scheduler.
160
160
  /// @group scheduler
161
161
  $kendo-scheduler-weekend-text: null !default;
162
162
 
163
- /// Background color of the other months in the scheduler.
163
+ /// The background color of the preceding/subsequent month cells in the Calendar.
164
164
  /// @group scheduler
165
165
  $kendo-scheduler-othermonth-bg: if($kendo-enable-color-system, k-color( surface ), k-get-theme-color-var( neutral-10 )) !default;
166
- /// Text color of the other months in the scheduler.
166
+ /// The text color of the preceding/subsequent month cells in the Calendar.
167
167
  /// @group scheduler
168
168
  $kendo-scheduler-othermonth-text: null !default;
169
169
 
170
- /// Horizontal padding of the scheduler year view.
170
+ /// The horizontal padding of the year view in the Scheduler.
171
171
  /// @group scheduler
172
172
  $kendo-scheduler-yearview-padding-x: k-spacing(3) !default;
173
- /// Vertical padding of the scheduler year view.
173
+ /// The vertical padding of the year view in the Scheduler.
174
174
  /// @group scheduler
175
175
  $kendo-scheduler-yearview-padding-y: $kendo-scheduler-yearview-padding-x !default;
176
176
 
177
- /// Spacing between the calendars in the scheduler year view.
177
+ /// The spacing between the calendars of the year view in the Scheduler.
178
178
  /// @group scheduler
179
179
  $kendo-scheduler-yearview-calendar-gap: k-spacing(3) !default;
180
180
 
181
- /// Days with events indicator size in the scheduler year view.
181
+ /// The days with events indicator size of the year view in the Scheduler.
182
182
  /// @group scheduler
183
183
  $kendo-scheduler-yearview-indicator-size: 3px !default;
184
- /// Top position of the days with events indicator in the scheduler year view.
184
+ /// The top position of the days with events indicator of the year view in the Scheduler.
185
185
  /// @group scheduler
186
186
  $kendo-scheduler-yearview-indicator-calc-offset-top: calc( #{$kendo-calendar-cell-size} - (#{$kendo-calendar-cell-padding-y} * 2) ) !default;
187
- /// Left position of the days with events indicator in the scheduler year view.
187
+ /// The left position of the days with events indicator of the year view in the Scheduler.
188
188
  /// @group scheduler
189
189
  $kendo-scheduler-yearview-indicator-calc-offset-left: calc( 50% - (#{$kendo-scheduler-yearview-indicator-size} / 2) ) !default;
190
- /// Border radius of the days with events indicator in the scheduler year view.
190
+ /// The border radius of the days with events indicator of the year view in the Scheduler.
191
191
  /// @group scheduler
192
192
  $kendo-scheduler-yearview-indicator-border-radius: 50% !default;
193
- /// Background color of the days with events indicator in the scheduler year view.
193
+ /// The background color of the days with events indicator of the year view in the Scheduler.
194
194
  /// @group scheduler
195
195
  $kendo-scheduler-yearview-indicator-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
196
- /// Background color of the selected days with events indicator in the scheduler year view.
196
+ /// The background color of the selected days with events indicator of the year view in the Scheduler.
197
197
  /// @group scheduler
198
198
  $kendo-scheduler-yearview-indicator-selected-bg: if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white) !default;
199
199
 
200
- /// Horizontal padding of the scheduler tooltip.
200
+ /// The horizontal padding of the Scheduler Tooltip.
201
201
  /// @group scheduler
202
202
  $kendo-scheduler-tooltip-padding-x: k-spacing(2) !default;
203
- /// Vertical padding of the scheduler tooltip.
203
+ /// The vertical padding of the Scheduler Tooltip.
204
204
  /// @group scheduler
205
205
  $kendo-scheduler-tooltip-padding-y: $kendo-scheduler-tooltip-padding-x !default;
206
- /// Width of the border of the scheduler tooltip.
206
+ /// The width of the border of the Scheduler Tooltip.
207
207
  /// @group scheduler
208
208
  $kendo-scheduler-tooltip-border-width: 0 !default;
209
- /// Background color of the scheduler tooltip.
209
+ /// The background color of the Scheduler Tooltip.
210
210
  /// @group scheduler
211
211
  $kendo-scheduler-tooltip-bg: if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white) !default;
212
- /// Text color of the scheduler tooltip.
212
+ /// The text color of the Scheduler Tooltip.
213
213
  /// @group scheduler
214
214
  $kendo-scheduler-tooltip-text: if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 )) !default;
215
- /// Border color of the scheduler tooltip.
215
+ /// The border color of the Scheduler Tooltip.
216
216
  /// @group scheduler
217
217
  $kendo-scheduler-tooltip-border: null !default;
218
- /// Shadow of the scheduler tooltip.
218
+ /// The shadow of the Scheduler Tooltip.
219
219
  /// @group scheduler
220
220
  $kendo-scheduler-tooltip-shadow: k-elevation(5) !default;
221
221
 
222
- /// Vertical spacing of the scheduler tooltip title.
222
+ /// The vertical margin of the Scheduler Tooltip title.
223
223
  /// @group scheduler
224
224
  $kendo-scheduler-tooltip-title-margin-y: k-spacing(3) !default;
225
- /// Font size of the month inside the scheduler tooltip.
225
+ /// The font size of the month inside the Scheduler Tooltip.
226
226
  /// @group scheduler
227
227
  $kendo-scheduler-tooltip-month-font-size: var( --kendo-font-size-sm, inherit ) !default;
228
- /// Font size of the day inside the scheduler tooltip.
228
+ /// The font size of the day inside the Scheduler Tooltip.
229
229
  /// @group scheduler
230
230
  $kendo-scheduler-tooltip-day-font-size: calc( $kendo-scheduler-tooltip-month-font-size * 2 ) !default;
231
231
 
232
- /// Max height of the events inside the scheduler tooltip.
232
+ /// The max height of the events inside the Scheduler Tooltip.
233
233
  /// @group scheduler
234
234
  $kendo-scheduler-tooltip-events-max-height: 250px !default;
235
- /// Spacing between the events inside the scheduler tooltip.
235
+ /// The spacing between the events inside the Scheduler Tooltip.
236
236
  /// @group scheduler
237
237
  $kendo-scheduler-tooltip-events-gap: k-spacing(2) !default;
238
238
 
239
- /// Horizontal padding of the events inside the scheduler tooltip.
239
+ /// The horizontal padding of the events inside the Scheduler Tooltip.
240
240
  /// @group scheduler
241
241
  $kendo-scheduler-tooltip-event-padding-x: $kendo-scheduler-event-padding-x !default;
242
- /// Vertical padding of the events inside the scheduler tooltip.
242
+ /// The vertical padding of the events inside the Scheduler Tooltip.
243
243
  /// @group scheduler
244
244
  $kendo-scheduler-tooltip-event-padding-y: $kendo-scheduler-event-padding-y !default;
245
- /// Border radius of the events inside the scheduler tooltip.
245
+ /// The border radius of the events inside the Scheduler Tooltip.
246
246
  /// @group scheduler
247
247
  $kendo-scheduler-tooltip-event-border-radius: $kendo-scheduler-event-border-radius !default;
248
- /// Spacing between the events items inside the scheduler tooltip.
248
+ /// The spacing between the events items inside the Scheduler Tooltip.
249
249
  /// @group scheduler
250
250
  $kendo-scheduler-tooltip-event-gap: k-spacing(0.5) !default;
251
251
 
252
- /// Color of the scheduler tooltip callout.
252
+ /// The color of the Scheduler Tooltip callout.
253
253
  /// @group scheduler
254
254
  $kendo-scheduler-tooltip-callout-color: $kendo-scheduler-tooltip-bg !default;
255
255
 
256
- /// Width of the scheduler resize handle.
256
+ /// The width of the Scheduler resize handle.
257
257
  /// @group scheduler
258
258
  $kendo-scheduler-resize-handle-width: 2em !default;
259
259
 
260
- /// Height of the scheduler more events button.
260
+ /// The height of the Scheduler more events button.
261
261
  /// @group scheduler
262
262
  $kendo-scheduler-more-btn-height: 13px !default;
263
263
 
264
- /// Color of the scheduler marquee.
264
+ /// The color of the Scheduler marquee.
265
265
  /// @group scheduler
266
266
  $kendo-scheduler-marquee-color: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
package/scss/tabstrip/_variables.scss CHANGED
@@ -3,145 +3,149 @@
3
3
  @use "../list/_variables.scss" as *;
4
4
  @use "../core/spacing" as *;
5
5
 
6
- /// The horizontal padding of the tabstrip wrapper
6
+ /// The horizontal padding of the TabStrip wrapper.
7
7
  /// @group tabstrip
8
8
  $kendo-tabstrip-wrapper-padding-x: k-spacing(0) !default;
9
- /// The vertical padding of the tabstrip wrapper
9
+ /// The vertical padding of the TabStrip wrapper.
10
10
  /// @group tabstrip
11
11
  $kendo-tabstrip-wrapper-padding-y: k-spacing(0) !default;
12
- /// The width of the border around the tabstrip wrapper
12
+ /// The border width around the TabStrip wrapper.
13
13
  /// @group tabstrip
14
14
  $kendo-tabstrip-wrapper-border-width: 0px !default;
15
- /// The background color of the tabstrip wrapper
15
+ /// The background color of the TabStrip wrapper.
16
16
  /// @group tabstrip
17
17
  $kendo-tabstrip-wrapper-bg: transparent !default;
18
- /// The text color of the tabstrip wrapper
18
+ /// The text color of the TabStrip wrapper.
19
19
  /// @group tabstrip
20
20
  $kendo-tabstrip-wrapper-text: initial !default;
21
- /// The border color of the tabstrip wrapper
21
+ /// The border color of the TabStrip wrapper.
22
22
  /// @group tabstrip
23
23
  $kendo-tabstrip-wrapper-border: initial !default;
24
24
 
25
- /// The font family of the tabstrip
25
+ /// The font family of the TabStrip.
26
26
  /// @group tabstrip
27
27
  $kendo-tabstrip-font-family: var( --kendo-font-family, inherit ) !default;
28
- /// The font size of the tabstrip
28
+ /// The font size of the TabStrip.
29
29
  /// @group tabstrip
30
30
  $kendo-tabstrip-font-size: var( --kendo-font-size, inherit ) !default;
31
- /// The line height of the tabstrip
31
+ /// The line height of the TabStrip.
32
32
  /// @group tabstrip
33
33
  $kendo-tabstrip-line-height: var( --kendo-line-height, normal ) !default;
34
- /// The width of the border around the tabstrip
34
+ /// The border width around the TabStrip.
35
35
  /// @group tabstrip
36
36
  $kendo-tabstrip-border-width: 0px !default;
37
- /// The background color of the tabstrip
37
+ /// The background color of the TabStrip.
38
38
  /// @group tabstrip
39
39
  $kendo-tabstrip-bg: transparent !default;
40
- /// The text color of the tabstrip
40
+ /// The text color of the TabStrip.
41
41
  /// @group tabstrip
42
42
  $kendo-tabstrip-text: var( --kendo-component-text, initial ) !default;
43
- /// The border color of the tabstrip
43
+ /// The border color of the TabStrip.
44
44
  /// @group tabstrip
45
45
  $kendo-tabstrip-border: transparent !default;
46
46
 
47
- /// The horizontal padding of the tabstrip item
47
+ /// The horizontal padding of the TabStrip items.
48
48
  /// @group tabstrip
49
49
  $kendo-tabstrip-item-padding-x: var( --kendo-padding-x, #{$kendo-padding-md-x} ) !default;
50
- /// The vertical padding of the tabstrip item
50
+ /// The vertical padding of the TabStrip items.
51
51
  /// @group tabstrip
52
52
  $kendo-tabstrip-item-padding-y: calc( #{k-spacing(2)} + #{k-spacing(1)} ) !default;
53
- /// The width of the border around the tabstrip item
53
+ /// The border width around the TabStrip items.
54
54
  /// @group tabstrip
55
55
  $kendo-tabstrip-item-border-width: 0px !default;
56
- /// The border radius of the tabstrip item
56
+ /// The border radius of the TabStrip items.
57
57
  /// @group tabstrip
58
58
  $kendo-tabstrip-item-border-radius: k-border-radius(md) !default;
59
- /// The gap between the tabstrip items
59
+ /// The gap between the TabStrip items.
60
60
  /// @group tabstrip
61
61
  $kendo-tabstrip-item-gap: k-spacing(2) !default;
62
- /// The background color of the tabstrip item
62
+ /// The background color of the TabStrip items.
63
63
  /// @group tabstrip
64
64
  $kendo-tabstrip-item-bg: transparent !default;
65
- /// The text color of the tabstrip item
65
+ /// The text color of the TabStrip items.
66
66
  /// @group tabstrip
67
67
  $kendo-tabstrip-item-text: var( --kendo-component-text, initial ) !default;
68
- /// The border color of the tabstrip item
68
+ /// The border color of the TabStrip items.
69
69
  /// @group tabstrip
70
70
  $kendo-tabstrip-item-border: transparent !default;
71
- /// The text color of the disabled tabstrip item
71
+ /// The text color of the disabled TabStrip items.
72
72
  /// @group tabstrip
73
73
  $kendo-tabstrip-item-disabled-text: var( --kendo-disabled-text, initial ) !default;
74
- /// The background color of the disabled tabstrip item
74
+ /// The background color of the disabled TabStrip items.
75
75
  /// @group tabstrip
76
76
  $kendo-tabstrip-item-disabled-bg: none !default;
77
- /// The border color of the disabled tabstrip item
77
+ /// The border color of the disabled TabStrip items.
78
78
  /// @group tabstrip
79
79
  $kendo-tabstrip-item-disabled-border: var( --kendo-disabled-border, initial ) !default;
80
+ /// The opacity of the disabled TabStrip items.
81
+ /// @group tabstrip
80
82
  $kendo-tabstrip-item-disabled-opacity: null !default;
83
+ /// The filter of the disabled TabStrip items.
84
+ /// @group tabstrip
81
85
  $kendo-tabstrip-item-disabled-filter: null !default;
82
86
 
83
- /// The background color of hovered tabs
87
+ /// The background color of the hovered TabStrip items.
84
88
  /// @group tabstrip
85
89
  $kendo-tabstrip-item-hover-bg: var( --kendo-hover-bg, inherit ) !default;
86
- /// The text color of hovered tabs
90
+ /// The text color of the hovered TabStrip items.
87
91
  /// @group tabstrip
88
92
  $kendo-tabstrip-item-hover-text: var( --kendo-hover-text, inherit ) !default;
89
- /// The border color of hovered tabs
93
+ /// The border color of the hovered TabStrip items.
90
94
  /// @group tabstrip
91
95
  $kendo-tabstrip-item-hover-border: var( --kendo-hover-bg, inherit ) !default;
92
- /// The background color of selected tabs
96
+ /// The background color of the selected TabStrip items.
93
97
  /// @group tabstrip
94
98
  $kendo-tabstrip-item-selected-bg: var( --kendo-component-bg, transparent ) !default;
95
- /// The text color of selected tabs
99
+ /// The text color of the selected TabStrip items.
96
100
  /// @group tabstrip
97
101
  $kendo-tabstrip-item-selected-text: if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-190 )) !default;
98
- /// The border color of selected tabs
102
+ /// The border color of the selected TabStrip items.
99
103
  /// @group tabstrip
100
104
  $kendo-tabstrip-item-selected-border: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
101
- /// The background gradient of selected tabs
105
+ /// The background gradient of the selected TabStrip items.
102
106
  /// @group tabstrip
103
107
  $kendo-tabstrip-item-selected-font-weight: var( --kendo-font-weight-bold, normal ) !default;
104
- /// The focus shadow of the tabstrip item
108
+ /// The shadow of the focused TabStrip items.
105
109
  /// @group tabstrip
106
110
  $kendo-tabstrip-item-focus-shadow: $kendo-list-item-focus-shadow !default;
107
- /// The text color of the sortable tabstrip item
111
+ /// The text color of the dragged TabStrip items.
108
112
  /// @group tabstrip
109
113
  $kendo-tabstrip-item-dragging-text: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
110
114
 
111
115
  // Indicator
112
- /// The border width of the tabstrip indicator
116
+ /// The border width of the TabStrip indicator.
113
117
  /// @group tabstrip
114
118
  $kendo-tabstrip-indicator-size: k-spacing(0.5) !default;
115
- /// The border color of the tabstrip ripple
119
+ /// The border color of the TabStrip ripple.
116
120
  /// @group tabstrip
117
121
  $kendo-tabstrip-indicator-color: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
118
122
 
119
- /// The horizontal padding of tabstrip content
123
+ /// The horizontal padding of the TabStrip content.
120
124
  /// @group tabstrip
121
125
  $kendo-tabstrip-content-padding-x: k-spacing(3) !default;
122
- /// The vertical padding of tabstrip content
126
+ /// The vertical padding of the TabStrip content.
123
127
  /// @group tabstrip
124
128
  $kendo-tabstrip-content-padding-y: k-spacing(1.5) !default;
125
- /// The width of border around tabstrip content
129
+ /// The border width around the TabStrip content.
126
130
  /// @group tabstrip
127
131
  $kendo-tabstrip-content-border-width: 1px !default;
128
132
 
129
- /// The background color of tabstrip content
133
+ /// The background color of the TabStrip content.
130
134
  /// @group tabstrip
131
135
  $kendo-tabstrip-content-bg: var( --kendo-component-bg, transparent ) !default;
132
- /// The text color of tabstrip content
136
+ /// The text color of the TabStrip content.
133
137
  /// @group tabstrip
134
138
  $kendo-tabstrip-content-text: var( --kendo-component-text, inherit ) !default;
135
- /// The border color of tabstrip content
139
+ /// The border color of the TabStrip content.
136
140
  /// @group tabstrip
137
141
  $kendo-tabstrip-content-border: transparent !default;
138
- /// The border color of tabstrip focused content
142
+ /// The border color of the focused TabStrip content.
139
143
  /// @group tabstrip
140
144
  $kendo-tabstrip-content-focus-border: var( --kendo-component-text, initial ) !default;
141
145
 
142
- /// The horizontal button padding of the scrollable tabstrip
146
+ /// The horizontal button padding of the scrollable TabStrip.
143
147
  /// @group tabstrip
144
148
  $kendo-tabstrip-scrollable-button-padding-x: k-spacing(1) !default;
145
- // The vertical button padding of the scrollable tabstrip
149
+ // The vertical button padding of the scrollable TabStrip.
146
150
  /// @group tabstrip
147
151
  $kendo-tabstrip-scrollable-button-padding-y: k-spacing(1) !default;
package/scss/typography/_variables.scss CHANGED
@@ -127,10 +127,10 @@ $kendo-code-border: var( --kendo-component-border, initial) !default;
127
127
 
128
128
 
129
129
  // Display
130
- $kendo-display1-font-size: calc( var( --kendo-font-size, inherit ) * 9 ) !default;
131
- $kendo-display2-font-size: calc( var( --kendo-font-size, inherit ) * 6 ) !default;
130
+ $kendo-display1-font-size: calc( var( --kendo-font-size, .875rem ) * 9 ) !default;
131
+ $kendo-display2-font-size: calc( var( --kendo-font-size, .875rem ) * 6 ) !default;
132
132
  $kendo-display3-font-size: 68px !default;
133
- $kendo-display4-font-size: calc( var( --kendo-font-size, inherit ) * 3 ) !default;
133
+ $kendo-display4-font-size: calc( var( --kendo-font-size, .875rem ) * 3 ) !default;
134
134
 
135
135
  $kendo-display1-font-family: var( --kendo-font-family, inherit ) !default;
136
136
  $kendo-display2-font-family: var( --kendo-font-family, inherit ) !default;