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