@progress/kendo-theme-classic 9.1.0-dev.0 → 9.1.0-dev.2

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 (37) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/all.scss +209 -129
  3. package/dist/classic-green-dark.css +1 -1
  4. package/dist/classic-green.css +1 -1
  5. package/dist/classic-lavender-dark.css +1 -1
  6. package/dist/classic-lavender.css +1 -1
  7. package/dist/classic-main-dark.css +1 -1
  8. package/dist/classic-main.css +1 -1
  9. package/dist/classic-metro-dark.css +1 -1
  10. package/dist/classic-metro.css +1 -1
  11. package/dist/classic-moonlight.css +1 -1
  12. package/dist/classic-opal-dark.css +1 -1
  13. package/dist/classic-opal.css +1 -1
  14. package/dist/classic-silver-dark.css +1 -1
  15. package/dist/classic-silver.css +1 -1
  16. package/dist/classic-uniform.css +1 -1
  17. package/dist/meta/sassdoc-data.json +26129 -23915
  18. package/dist/meta/sassdoc-raw-data.json +1350 -325
  19. package/dist/meta/variables.json +50 -30
  20. package/lib/swatches/classic-green-dark.json +1 -1
  21. package/lib/swatches/classic-green.json +1 -1
  22. package/lib/swatches/classic-lavender-dark.json +1 -1
  23. package/lib/swatches/classic-lavender.json +1 -1
  24. package/lib/swatches/classic-main-dark.json +1 -1
  25. package/lib/swatches/classic-main.json +1 -1
  26. package/lib/swatches/classic-metro-dark.json +1 -1
  27. package/lib/swatches/classic-metro.json +1 -1
  28. package/lib/swatches/classic-moonlight.json +1 -1
  29. package/lib/swatches/classic-opal-dark.json +1 -1
  30. package/lib/swatches/classic-opal.json +1 -1
  31. package/lib/swatches/classic-silver-dark.json +1 -1
  32. package/lib/swatches/classic-silver.json +1 -1
  33. package/lib/swatches/classic-uniform.json +1 -1
  34. package/package.json +6 -6
  35. package/scss/loader/_variables.scss +0 -4
  36. package/scss/menu/_variables.scss +138 -43
  37. package/scss/tabstrip/_variables.scss +4 -1
package/scss/menu/_variables.scss CHANGED
@@ -1,172 +1,267 @@
1
1
  // Menu
2
2
 
3
- $kendo-menu-padding-x: k-spacing(0) !default;
4
- $kendo-menu-padding-y: k-spacing(0) !default;
3
+ /// The width of the border around the Menu.
4
+ /// @group menu
5
5
  $kendo-menu-border-width: 1px !default;
6
+ /// The font family of the Menu.
7
+ /// @group menu
6
8
  $kendo-menu-font-family: var( --kendo-font-family, inherit ) !default;
9
+ /// The font size of the Menu.
10
+ /// @group menu
7
11
  $kendo-menu-font-size: var( --kendo-font-size, inherit ) !default;
12
+ /// The line height of the Menu used along with $kendo-font-size.
13
+ /// @group menu
8
14
  $kendo-menu-line-height: var( --kendo-line-height, normal ) !default;
9
15
 
16
+ /// The background color of the Menu.
17
+ /// @group menu
10
18
  $kendo-menu-bg: $kendo-base-bg !default;
19
+ /// The text color of the Menu.
20
+ /// @group menu
11
21
  $kendo-menu-text: $kendo-base-text !default;
22
+ /// The border color of the Menu.
23
+ /// @group menu
12
24
  $kendo-menu-border: $kendo-base-border !default;
25
+ /// The background gradient of the Menu.
26
+ /// @group menu
13
27
  $kendo-menu-gradient: $kendo-base-gradient !default;
14
28
 
29
+
30
+ // Menu item
31
+
32
+ /// The horizontal padding of the Menu item.
33
+ /// @group menu
15
34
  $kendo-menu-item-padding-x: k-spacing(2) !default;
35
+ /// The vertical padding of the Menu item.
36
+ /// @group menu
16
37
  $kendo-menu-item-padding-y: k-spacing(1) !default;
38
+ /// The spacing between the Menu items.
39
+ /// @group menu
17
40
  $kendo-menu-item-spacing: null !default;
41
+ /// The spacing between the Menu item text and icons.
42
+ /// @group menu
18
43
  $kendo-menu-item-icon-spacing: $kendo-icon-spacing !default;
19
44
 
45
+ /// The font weight of the selected Menu item.
46
+ /// @group menu
47
+ $kendo-menu-item-selected-font-weight: var( --kendo-font-weight-bold, normal ) !default;
48
+
49
+ /// The background color of the Menu item.
50
+ /// @group menu
20
51
  $kendo-menu-item-bg: null !default;
52
+ /// The text color of the Menu item.
53
+ /// @group menu
21
54
  $kendo-menu-item-text: inherit !default;
55
+ /// The border color of the Menu item.
56
+ /// @group menu
22
57
  $kendo-menu-item-border: null !default;
58
+ /// The background gradient of the Menu item.
59
+ /// @group menu
23
60
  $kendo-menu-item-gradient: null !default;
24
61
 
62
+ /// The background color of hovered Menu item.
63
+ /// @group menu
25
64
  $kendo-menu-item-hover-bg: $kendo-hover-bg !default;
65
+ /// The text color of hovered Menu item.
66
+ /// @group menu
26
67
  $kendo-menu-item-hover-text: $kendo-hover-text !default;
68
+ /// The border color of hovered Menu item.
69
+ /// @group menu
27
70
  $kendo-menu-item-hover-border: $kendo-hover-border !default;
71
+ /// The background gradient of hovered Menu item.
72
+ /// @group menu
28
73
  $kendo-menu-item-hover-gradient: $kendo-hover-gradient !default;
29
74
 
30
- $kendo-menu-item-expanded-bg: null !default;
31
- $kendo-menu-item-expanded-text: $kendo-component-text !default;
32
- $kendo-menu-item-expanded-border: null !default;
33
- $kendo-menu-item-expanded-gradient: null !default;
75
+ /// The background color of active Menu item.
76
+ /// @group menu
77
+ $kendo-menu-item-active-bg: null !default;
78
+ /// The text color of active Menu item.
79
+ /// @group menu
80
+ $kendo-menu-item-active-text: $kendo-component-text !default;
81
+ /// The border color of active Menu item.
82
+ /// @group menu
83
+ $kendo-menu-item-active-border: null !default;
84
+ /// The background gradient of active Menu item.
85
+ /// @group menu
86
+ $kendo-menu-item-active-gradient: null !default;
34
87
 
88
+ /// The base shadow of focused Menu item.
89
+ /// @group menu
35
90
  $kendo-menu-item-focus-shadow: inset 0 0 3px 1px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 25%, transparent), rgba( $kendo-menu-text, .25 )) !default;
36
91
 
37
- $kendo-menu-separator-spacing: k-spacing(1) !default;
92
+ /// The background color of selected Menu item.
93
+ /// @group menu
94
+ $kendo-menu-item-selected-bg: null !default;
95
+ /// The text color of selected Menu item.
96
+ /// @group menu
97
+ $kendo-menu-item-selected-text: null !default;
98
+ /// The border color of selected Menu item.
99
+ /// @group menu
100
+ $kendo-menu-item-selected-border: null !default;
101
+ /// The background gradient of selected Menu item.
102
+ /// @group menu
103
+ $kendo-menu-item-selected-gradient: null !default;
38
104
 
39
- $kendo-menu-scroll-button-bg: $kendo-component-bg !default;
40
- $kendo-menu-scroll-button-text: $kendo-link-text !default;
41
- $kendo-menu-scroll-button-border: $kendo-component-border !default;
105
+ /// The background color of the Menu scroll buttons.
106
+ /// @group menu
107
+ $kendo-menu-scroll-button-bg: null !default;
108
+ /// The text color of the Menu scroll buttons.
109
+ /// @group menu
110
+ $kendo-menu-scroll-button-text: $kendo-subtle-text !default;
111
+ /// The border color of the Menu scroll buttons.
112
+ /// @group menu
113
+ $kendo-menu-scroll-button-border: null !default;
114
+ /// The background gradient of the Menu scroll buttons.
115
+ /// @group menu
42
116
  $kendo-menu-scroll-button-gradient: null !default;
43
117
 
118
+ /// The background color of hovered Menu scroll buttons.
119
+ /// @group menu
44
120
  $kendo-menu-scroll-button-hover-bg: null !default;
45
- $kendo-menu-scroll-button-hover-text: $kendo-link-hover-text !default;
121
+ /// The text color of hovered Menu scroll buttons.
122
+ /// @group menu
123
+ $kendo-menu-scroll-button-hover-text: $kendo-component-text !default;
124
+ /// The border color of hovered Menu scroll buttons.
125
+ /// @group menu
46
126
  $kendo-menu-scroll-button-hover-border: null !default;
127
+ /// The background gradient of hovered Menu scroll buttons.
128
+ /// @group menu
47
129
  $kendo-menu-scroll-button-hover-gradient: null !default;
48
130
 
49
131
 
132
+ // Menu Separator
133
+
134
+ /// The inline margin of the horizontal Menu separator.
135
+ /// @group menu
136
+ $kendo-menu-separator-margin-inline: k-spacing(1);
137
+ /// The block margin of the horizontal Menu separator.
138
+ /// @group menu
139
+ $kendo-menu-separator-margin-block: k-spacing(1.5);
140
+ /// The border color of Menu separator.
141
+ /// @group menu
142
+ $kendo-menu-separator-border: if($kendo-enable-color-system, k-color(border), $kendo-component-border) !default;
143
+
144
+
50
145
  // Menu popup
51
146
 
52
- /// Horizontal padding of the menu popup.
147
+ /// The horizontal padding of the Menu popup.
53
148
  /// @group menu
54
149
  $kendo-menu-popup-padding-x: null !default;
55
150
 
56
- /// Vertical padding of the menu popup.
151
+ /// The vertical padding of the Menu popup.
57
152
  /// @group menu
58
153
  $kendo-menu-popup-padding-y: null !default;
59
154
 
60
- /// Width of the border around the menu popup.
155
+ /// The width of the border around the Menu popup.
61
156
  /// @group menu
62
157
  $kendo-menu-popup-border-width: $kendo-popup-border-width !default;
63
158
 
64
- /// Font sizes of the menu popup.
159
+ /// The font sizes of the Menu popup.
65
160
  /// @group menu
66
161
  $kendo-menu-popup-font-size: var( --kendo-font-size, inherit ) !default;
67
162
  $kendo-menu-popup-sm-font-size: var( --kendo-font-size, inherit ) !default;
68
163
  $kendo-menu-popup-md-font-size: var( --kendo-font-size, inherit ) !default;
69
164
  $kendo-menu-popup-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
70
165
 
71
- /// Line heights used along with $kendo-font-size.
166
+ /// The line heights used along with $kendo-font-size.
72
167
  /// @group menu
73
168
  $kendo-menu-popup-line-height: var( --kendo-line-height, normal ) !default;
74
169
  $kendo-menu-popup-sm-line-height: var( --kendo-line-height, normal ) !default;
75
170
  $kendo-menu-popup-md-line-height: var( --kendo-line-height, normal ) !default;
76
171
  $kendo-menu-popup-lg-line-height: var( --kendo-line-height, normal ) !default;
77
172
 
78
- /// The background of the menu popup.
173
+ /// The background color of the Menu popup.
79
174
  /// @group menu
80
175
  $kendo-menu-popup-bg: $kendo-popup-bg !default;
81
- /// The text color of the menu popup.
176
+ /// The text color of the Menu popup.
82
177
  /// @group menu
83
178
  $kendo-menu-popup-text: $kendo-popup-text !default;
84
- /// The border color of the menu popup.
179
+ /// The border color of the Menu popup.
85
180
  /// @group menu
86
181
  $kendo-menu-popup-border: $kendo-popup-border !default;
87
- /// The background gradient of the menu popup.
182
+ /// The background gradient of the Menu popup.
88
183
  /// @group menu
89
184
  $kendo-menu-popup-gradient: null !default;
90
185
 
91
186
 
92
187
  // Menu popup item
93
188
 
94
- /// Horizontal padding of the menu item in popup.
189
+ /// The horizontal padding of the Menu item in popup.
95
190
  /// @group menu
96
191
  $kendo-menu-popup-item-padding-x: k-spacing(2) !default;
97
192
  $kendo-menu-popup-sm-item-padding-x: k-spacing(2) !default;
98
193
  $kendo-menu-popup-md-item-padding-x: k-spacing(2) !default;
99
194
  $kendo-menu-popup-lg-item-padding-x: k-spacing(2) !default;
100
195
 
101
- /// Vertical padding of the menu item in popup.
196
+ /// The vertical padding of the Menu item in popup.
102
197
  /// @group menu
103
198
  $kendo-menu-popup-item-padding-y: k-spacing(1) !default;
104
199
  $kendo-menu-popup-sm-item-padding-y: k-spacing(0.5) !default;
105
200
  $kendo-menu-popup-md-item-padding-y: k-spacing(1) !default;
106
201
  $kendo-menu-popup-lg-item-padding-y: k-spacing(1.5) !default;
107
202
 
108
- /// The end padding of the menu item in popup.
203
+ /// The end padding of the Menu item in popup.
109
204
  /// @group menu
110
205
  $kendo-menu-popup-item-padding-end: calc( #{$kendo-menu-popup-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
111
206
  $kendo-menu-popup-sm-item-padding-end: calc( #{$kendo-menu-popup-sm-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
112
207
  $kendo-menu-popup-md-item-padding-end: calc( #{$kendo-menu-popup-md-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
113
208
  $kendo-menu-popup-lg-item-padding-end: calc( #{$kendo-menu-popup-lg-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
114
209
 
115
- /// The start margin of the menu item expand icon.
210
+ /// The start margin of the Menu item expand icon.
116
211
  /// @group menu
117
212
  $kendo-menu-popup-sm-item-icon-margin-start: $kendo-menu-popup-sm-item-padding-x !default;
118
213
  $kendo-menu-popup-md-item-icon-margin-start: $kendo-menu-popup-md-item-padding-x !default;
119
214
  $kendo-menu-popup-lg-item-icon-margin-start: $kendo-menu-popup-lg-item-padding-x !default;
120
215
 
121
- /// The end margin of the menu item expand icon.
216
+ /// The end margin of the Menu item expand icon.
122
217
  /// @group menu
123
218
  $kendo-menu-popup-sm-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-sm-item-padding-end} - #{k-math-div( $kendo-menu-popup-sm-item-padding-x, 2 )}) ) !default;
124
219
  $kendo-menu-popup-md-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-md-item-padding-end} - #{k-math-div( $kendo-menu-popup-md-item-padding-x, 2 )}) ) !default;
125
220
  $kendo-menu-popup-lg-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-lg-item-padding-end} - #{k-math-div( $kendo-menu-popup-lg-item-padding-x, 2 )}) ) !default;
126
221
 
127
- /// The spacing between the menu items in popup.
222
+ /// The spacing between the Menu items in popup.
128
223
  /// @group menu
129
224
  $kendo-menu-popup-item-spacing: k-spacing(0) !default;
130
225
 
131
- /// The background of the menu item in popup.
226
+ /// The background color of the Menu item in popup.
132
227
  /// @group menu
133
228
  $kendo-menu-popup-item-bg: null !default;
134
- /// The text color of the menu item in popup.
229
+ /// The text color of the Menu item in popup.
135
230
  /// @group menu
136
231
  $kendo-menu-popup-item-text: null !default;
137
- /// The border color of the menu item in popup.
232
+ /// The border color of the Menu item in popup.
138
233
  /// @group menu
139
234
  $kendo-menu-popup-item-border: null !default;
140
- /// The background gradient of the menu item in popup.
235
+ /// The background gradient of the Menu item in popup.
141
236
  /// @group menu
142
237
  $kendo-menu-popup-item-gradient: null !default;
143
238
 
144
- /// The background of hovered menu item in popup.
239
+ /// The background color of hovered Menu item in popup.
145
240
  /// @group menu
146
241
  $kendo-menu-popup-item-hover-bg: $kendo-list-item-hover-bg !default;
147
- /// The text color of hovered menu item in popup.
242
+ /// The text color of hovered Menu item in popup.
148
243
  /// @group menu
149
244
  $kendo-menu-popup-item-hover-text: $kendo-list-item-hover-text !default;
150
- /// The border color of hovered menu item in popup.
245
+ /// The border color of hovered Menu item in popup.
151
246
  /// @group menu
152
247
  $kendo-menu-popup-item-hover-border: null !default;
153
- /// The background gradient of hovered menu item in popup.
248
+ /// The background gradient of hovered Menu item in popup.
154
249
  /// @group menu
155
250
  $kendo-menu-popup-item-hover-gradient: null !default;
156
251
 
157
- /// The background of expanded menu item in popup.
252
+ /// The background color of active Menu item in popup.
158
253
  /// @group menu
159
- $kendo-menu-popup-item-expanded-bg: $kendo-list-item-selected-bg !default;
160
- /// The text color of expanded menu item in popup.
254
+ $kendo-menu-popup-item-active-bg: $kendo-list-item-selected-bg !default;
255
+ /// The text color of active Menu item in popup.
161
256
  /// @group menu
162
- $kendo-menu-popup-item-expanded-text: $kendo-list-item-selected-text !default;
163
- /// The border color of expanded menu item in popup.
257
+ $kendo-menu-popup-item-active-text: $kendo-list-item-selected-text !default;
258
+ /// The border color of active Menu item in popup.
164
259
  /// @group menu
165
- $kendo-menu-popup-item-expanded-border: null !default;
166
- /// The background gradient of expanded menu item in popup.
260
+ $kendo-menu-popup-item-active-border: null !default;
261
+ /// The background gradient of active Menu item in popup.
167
262
  /// @group menu
168
- $kendo-menu-popup-item-expanded-gradient: null !default;
263
+ $kendo-menu-popup-item-active-gradient: null !default;
169
264
 
170
- /// The base shadow of focused menu item in popup.
265
+ /// The base shadow of focused Menu item in popup.
171
266
  /// @group menu
172
267
  $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
package/scss/tabstrip/_variables.scss CHANGED
@@ -91,13 +91,16 @@ $kendo-tabstrip-item-hover-gradient: null !default;
91
91
  $kendo-tabstrip-item-selected-bg: $kendo-component-bg !default;
92
92
  /// The text color of the selected TabStrip items.
93
93
  /// @group tabstrip
94
- $kendo-tabstrip-item-selected-text: $kendo-component-text !default;
94
+ $kendo-tabstrip-item-selected-text: $kendo-link-text !default;
95
95
  /// The border color of the selected TabStrip items.
96
96
  /// @group tabstrip
97
97
  $kendo-tabstrip-item-selected-border: $kendo-component-border !default;
98
98
  /// The gradient of the selected TabStrip items.
99
99
  /// @group tabstrip
100
100
  $kendo-tabstrip-item-selected-gradient: false !default;
101
+ /// The font weight of the selected TabStrip items.
102
+ /// @group tabstrip
103
+ $kendo-tabstrip-item-selected-font-weight: null !default;
101
104
 
102
105
  /// The shadow of the focused TabStrip items.
103
106
  /// @group tabstrip