@progress/kendo-theme-fluent 7.3.0-dev.0 → 8.0.0-dev.0

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 (21) hide show
  1. package/dist/all.css +3716 -2575
  2. package/dist/fluent-main.scss +4 -1
  3. package/dist/meta/sassdoc-data.json +2706 -1456
  4. package/dist/meta/sassdoc-raw-data.json +1353 -728
  5. package/lib/swatches/all.json +13 -2
  6. package/lib/swatches/fluent-main.json +13 -2
  7. package/package.json +4 -4
  8. package/scss/calendar/_layout.scss +5 -5
  9. package/scss/calendar/_theme.scss +0 -3
  10. package/scss/calendar/_variables.scss +129 -81
  11. package/scss/core/color-system/_swatch-legacy.scss +1 -1
  12. package/scss/core/color-system/_swatch.scss +1 -1
  13. package/scss/drawer/_layout.scss +26 -58
  14. package/scss/drawer/_variables.scss +42 -41
  15. package/scss/floating-label/_layout.scss +10 -14
  16. package/scss/floating-label/_theme.scss +5 -5
  17. package/scss/forms/_layout.scss +0 -4
  18. package/scss/input/_theme.scss +0 -1
  19. package/scss/panelbar/_layout.scss +0 -4
  20. package/scss/panelbar/_theme.scss +0 -2
  21. package/scss/panelbar/_variables.scss +73 -69
package/scss/panelbar/_variables.scss CHANGED
@@ -2,234 +2,238 @@
2
2
  @use "../core/" as *;
3
3
  @use "../list/variables" as *;
4
4
 
5
- /// Horizontal padding of the panelbar.
5
+ /// The horizontal padding of the PanelBar.
6
6
  /// @group panelbar
7
7
  $kendo-panelbar-padding-x: 0px !default;
8
- /// Vertical padding of the panelbar.
8
+ /// The vertical padding of the PanelBar.
9
9
  /// @group panelbar
10
10
  $kendo-panelbar-padding-y: 0px !default;
11
- /// Font family of the panelbar.
11
+ /// The font family of the PanelBar.
12
12
  /// @group panelbar
13
13
  $kendo-panelbar-font-family: var( --kendo-font-family, inherit ) !default;
14
- /// Font size of the panelbar.
14
+ /// The font size of the PanelBar.
15
15
  /// @group panelbar
16
16
  $kendo-panelbar-font-size: var( --kendo-font-size, inherit ) !default;
17
- /// Line height of the panelbar.
17
+ /// The line height of the PanelBar.
18
18
  /// @group panelbar
19
19
  $kendo-panelbar-line-height: var( --kendo-line-height, inherit ) !default;
20
- /// Width of the border around the panelbar.
20
+ /// The width of the border around the PanelBar.
21
21
  /// @group panelbar
22
22
  $kendo-panelbar-border-width: 1px !default;
23
- /// Border style around the the panelbar.
23
+ /// The border style around the the PanelBar.
24
24
  /// @group panelbar
25
25
  $kendo-panelbar-border-style: solid !default;
26
26
 
27
- /// Width of the border around the panelbar items.
27
+ /// The width of the border around the PanelBar items.
28
28
  /// @group panelbar
29
29
  $kendo-panelbar-item-border-width: 0 !default;
30
- /// Style of the border around the panelbar items.
30
+ /// The style of the border around the PanelBar items.
31
31
  /// @group panelbar
32
32
  $kendo-panelbar-item-border-style: solid !default;
33
33
 
34
- /// Spacing around the icon of the panelbar items.
34
+ /// The spacing around the PanelBar items icon.
35
35
  /// @group panelbar
36
36
  $kendo-panelbar-icon-spacing: map.get( $kendo-spacing, 2 ) !default;
37
37
 
38
- /// Horizontal padding of the panelbar header.
38
+ /// The horizontal start padding of the PanelBar header.
39
39
  /// @group panelbar
40
40
  $kendo-panelbar-header-padding-x-start: calc( var( --kendo-panelbar-icon-spacing, #{$kendo-panelbar-icon-spacing} ) * 2 + var( --kendo-icon-size, 1rem ) ) !default;
41
+ /// The horizontal end padding of the PanelBar header.
42
+ /// @group panelbar
41
43
  $kendo-panelbar-header-padding-x-end: map.get( $kendo-spacing, 2) !default;
42
- /// Vertical padding of the panelbar header.
44
+ /// The vertical padding of the PanelBar header.
43
45
  /// @group panelbar
44
46
  $kendo-panelbar-header-padding-y: map.get( $kendo-spacing, 3 ) !default;
45
47
 
46
- /// Horizontal padding of the panelbar items.
48
+ /// The horizontal padding of the PanelBar items.
47
49
  /// @group panelbar
48
50
  $kendo-panelbar-item-padding-x-start: calc( var( --kendo-panelbar-icon-spacing, #{$kendo-panelbar-icon-spacing} ) * 2 + var( --kendo-icon-size, 1rem ) ) !default;
51
+ /// The horizontal end padding of the PanelBar items.
52
+ /// @group panelbar
49
53
  $kendo-panelbar-item-padding-x-end: map.get( $kendo-spacing, 2) !default;
50
- /// Vertical padding of the panelbar items.
54
+ /// The vertical padding of the PanelBar items.
51
55
  /// @group panelbar
52
56
  $kendo-panelbar-item-padding-y: map.get( $kendo-spacing, 3 ) !default;
53
57
 
54
- /// Maximum nesting of the panelbar items.
58
+ /// The maximum nesting of the PanelBar items.
55
59
  /// @group panelbar
56
60
  $kendo-panelbar-item-level-count: 4 !default;
57
61
 
58
- /// Background color of the panelbar.
62
+ /// The background color of the PanelBar.
59
63
  /// @group panelbar
60
64
  $kendo-panelbar-bg: var( --kendo-component-bg, initial ) !default;
61
- /// Text color of the panelbar.
65
+ /// The text color of the PanelBar.
62
66
  /// @group panelbar
63
67
  $kendo-panelbar-text: var( --kendo-component-text, initial ) !default;
64
- /// Border color of the panelbar.
68
+ /// The border color of the PanelBar.
65
69
  /// @group panelbar
66
70
  $kendo-panelbar-border: var( --kendo-component-border, initial ) !default;
67
71
 
68
- /// Background color of the panelbar header.
72
+ /// The background color of the PanelBar header.
69
73
  /// @group panelbar
70
74
  $kendo-panelbar-header-bg: var( --kendo-panelbar-bg, #{$kendo-panelbar-bg} ) !default;
71
- /// Text color of the panelbar header.
75
+ /// The text color of the PanelBar header.
72
76
  /// @group panelbar
73
77
  $kendo-panelbar-header-text: var( --kendo-panelbar-text, #{$kendo-panelbar-text} ) !default;
74
- /// Border color of the panelbar header.
78
+ /// The border color of the PanelBar header.
75
79
  /// @group panelbar
76
80
  $kendo-panelbar-header-border: inherit !default;
77
81
 
78
- /// Background color of the panelbar header when hovered.
82
+ /// The background color of the hovered PanelBar header.
79
83
  /// @group panelbar
80
84
  $kendo-panelbar-header-hover-bg: var( --kendo-hover-bg, inherit ) !default;
81
- /// Text color of the panelbar header when hovered.
85
+ /// The text color of the hovered PanelBar header.
82
86
  /// @group panelbar
83
87
  $kendo-panelbar-header-hover-text: if($kendo-enable-color-system, k-color( primary-hover ), k-get-theme-color-var( primary-110 )) !default;
84
- /// Border color of the panelbar header when hovered.
88
+ /// The border color of the hovered PanelBar header.
85
89
  /// @group panelbar
86
90
  $kendo-panelbar-header-hover-border: inherit !default;
87
91
 
88
- /// Background color of the panelbar header when focused.
92
+ /// The background color of the focused PanelBar header.
89
93
  /// @group panelbar
90
94
  $kendo-panelbar-header-focus-bg: inherit !default;
91
- /// Text color of the panelbar header when focused.
95
+ /// The text color of the focused PanelBar header.
92
96
  /// @group panelbar
93
97
  $kendo-panelbar-header-focus-text: inherit !default;
94
- /// Border color of the panelbar header when focused.
98
+ /// The border color of the focused PanelBar header.
95
99
  /// @group panelbar
96
100
  $kendo-panelbar-header-focus-border: inherit !default;
97
- /// Shadow of the panelbar header when focused.
101
+ /// The shadow of the focused PanelBar header.
98
102
  /// @group panelbar
99
103
  $kendo-panelbar-header-focus-shadow: $kendo-list-item-focus-shadow !default;
100
104
 
101
- /// Background color of the panelbar header when focused and hovered.
105
+ /// The background color of the focused and hovered PanelBar header.
102
106
  /// @group panelbar
103
107
  $kendo-panelbar-header-hover-focus-bg: $kendo-panelbar-header-hover-bg !default;
104
- /// Text color of the panelbar header when focused and hovered.
108
+ /// The text color of the focused and hovered PanelBar header.
105
109
  /// @group panelbar
106
110
  $kendo-panelbar-header-hover-focus-text: $kendo-panelbar-header-hover-text !default;
107
- /// Border color of the panelbar header when focused and hovered.
111
+ /// The border color of the focused and hovered PanelBar header.
108
112
  /// @group panelbar
109
113
  $kendo-panelbar-header-hover-focus-border: null !default;
110
114
 
111
- /// Background color of the panelbar header when selected.
115
+ /// The background color of the selected PanelBar header.
112
116
  /// @group panelbar
113
117
  $kendo-panelbar-header-selected-bg: var( --kendo-selected-bg, inherit ) !default;
114
- /// Text color of the panelbar header when selected.
118
+ /// The text color of the selected PanelBar header.
115
119
  /// @group panelbar
116
120
  $kendo-panelbar-header-selected-text: if($kendo-enable-color-system, k-color( on-app-surface ), $kendo-color-black) !default;
117
- /// Border color of the panelbar header when selected.
121
+ /// The border color of the selected PanelBar header.
118
122
  /// @group panelbar
119
123
  $kendo-panelbar-header-selected-border: inherit !default;
120
- /// Color of the marker of the panelbar header when selected.
124
+ /// The color of the marker of the selected PanelBar header.
121
125
  /// @group panelbar
122
126
  $kendo-panelbar-selected-marker: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
123
127
 
124
- /// Background color of the panelbar header when selected and hovered.
128
+ /// The background color of the selected and hovered PanelBar header.
125
129
  /// @group panelbar
126
130
  $kendo-panelbar-header-selected-hover-bg: $kendo-panelbar-header-selected-bg !default;
127
- /// Text color of the panelbar header when selected and hovered.
131
+ /// The text color of the selected and hovered PanelBar header.
128
132
  /// @group panelbar
129
133
  $kendo-panelbar-header-selected-hover-text: $kendo-panelbar-header-hover-text !default;
130
- /// Border color of the panelbar header when selected and hovered.
134
+ /// The border color of the selected and hovered PanelBar header.
131
135
  /// @group panelbar
132
136
  $kendo-panelbar-header-selected-hover-border: inherit !default;
133
137
 
134
- /// Background color of the panelbar header when selected and focused.
138
+ /// The background color of the selected and focused PanelBar header.
135
139
  /// @group panelbar
136
140
  $kendo-panelbar-header-selected-focus-bg: $kendo-panelbar-header-selected-bg !default;
137
- /// Text color of the panelbar header when selected and focused.
141
+ /// The text color of the selected and focused PanelBar header.
138
142
  /// @group panelbar
139
143
  $kendo-panelbar-header-selected-focus-text: $kendo-panelbar-header-selected-text !default;
140
- /// Border color of the panelbar header when selected and focused.
144
+ /// The border color of the selected and focused PanelBar header.
141
145
  /// @group panelbar
142
146
  $kendo-panelbar-header-selected-focus-border: inherit !default;
143
147
 
144
- /// Background color of the panelbar header when selected, focused and hovered.
148
+ /// The background color of the selected, hovered and focused PanelBar header.
145
149
  /// @group panelbar
146
150
  $kendo-panelbar-header-selected-hover-focus-bg: $kendo-panelbar-header-selected-hover-bg !default;
147
- /// Text color of the panelbar header when selected, focused and hovered.
151
+ /// The text color of the selected, hovered and focused PanelBar header.
148
152
  /// @group panelbar
149
153
  $kendo-panelbar-header-selected-hover-focus-text: $kendo-panelbar-header-selected-hover-text !default;
150
- /// Border color of the panelbar header when selected, focused and hovered.
154
+ /// The border color of the selected, hovered and focused PanelBar header.
151
155
  /// @group panelbar
152
156
  $kendo-panelbar-header-selected-hover-focus-border: inherit !default;
153
157
 
154
- /// Background color of the panelbar header when expanded.
158
+ /// The background color of the expanded PanelBar header.
155
159
  /// @group panelbar
156
160
  $kendo-panelbar-header-expanded-bg: inherit !default;
157
- /// Text color of the panelbar header when expanded.
161
+ /// The text color of the expanded PanelBar header.
158
162
  /// @group panelbar
159
163
  $kendo-panelbar-header-expanded-text: inherit !default;
160
- /// Border color of the panelbar header when expanded.
164
+ /// The border color of the expanded PanelBar header.
161
165
  /// @group panelbar
162
166
  $kendo-panelbar-header-expanded-border: inherit !default;
163
167
 
164
- /// Background color of the panelbar item when hovered.
168
+ /// The background color of the hovered PanelBar items.
165
169
  /// @group panelbar
166
170
  $kendo-panelbar-item-hover-bg: var( --kendo-hover-bg, inherit ) !default;
167
- /// Text color of the panelbar item when hovered.
171
+ /// The text color of the hovered PanelBar items.
168
172
  /// @group panelbar
169
173
  $kendo-panelbar-item-hover-text: if($kendo-enable-color-system, k-color( primary-hover ), k-get-theme-color-var( primary-110 )) !default;
170
- /// Border color of the panelbar item when hovered.
174
+ /// The border color of the hovered PanelBar items.
171
175
  /// @group panelbar
172
176
  $kendo-panelbar-item-hover-border: inherit !default;
173
177
 
174
- /// Background color of the panelbar item when focused.
178
+ /// The background color of the focused PanelBar items.
175
179
  /// @group panelbar
176
180
  $kendo-panelbar-item-focus-bg: inherit !default;
177
- /// Text color of the panelbar item when focused.
181
+ /// The text color of the focused PanelBar items.
178
182
  /// @group panelbar
179
183
  $kendo-panelbar-item-focus-text: inherit !default;
180
- /// Border color of the panelbar item when focused.
184
+ /// The border color of the focused PanelBar items.
181
185
  /// @group panelbar
182
186
  $kendo-panelbar-item-focus-border: inherit !default;
183
- /// Box shadow of the panelbar item when focused.
187
+ /// The box shadow of the focused PanelBar items.
184
188
  /// @group panelbar
185
189
  $kendo-panelbar-item-focus-shadow: $kendo-list-item-focus-shadow !default;
186
190
 
187
- /// Background color of the panelbar item when focused and hovered.
191
+ /// The background color of the focused and hovered PanelBar items.
188
192
  /// @group panelbar
189
193
  $kendo-panelbar-item-hover-focus-bg: $kendo-panelbar-item-hover-bg !default;
190
- /// Text color of the panelbar item when focused and hovered.
194
+ /// The text color of the focused and hovered PanelBar items.
191
195
  /// @group panelbar
192
196
  $kendo-panelbar-item-hover-focus-text: $kendo-panelbar-item-hover-text !default;
193
- /// Border color of the panelbar item when focused and hovered.
197
+ /// The border color of the focused and hovered PanelBar items.
194
198
  /// @group panelbar
195
199
  $kendo-panelbar-item-hover-focus-border: inherit !default;
196
200
 
197
- /// Background color of the panelbar item when selected.
201
+ /// The background color of the selected PanelBar items.
198
202
  /// @group panelbar
199
203
  $kendo-panelbar-item-selected-bg: var( --kendo-selected-bg, inherit ) !default;
200
- /// Text color of the panelbar item when selected.
204
+ /// The text color of the selected PanelBar items.
201
205
  /// @group panelbar
202
206
  $kendo-panelbar-item-selected-text: if($kendo-enable-color-system, k-color( on-app-surface ), $kendo-color-black) !default;
203
- /// Border color of the panelbar item when selected.
207
+ /// The border color of the selected PanelBar items.
204
208
  /// @group panelbar
205
209
  $kendo-panelbar-item-selected-border: inherit !default;
206
210
 
207
- /// Background color of the panelbar item when selected and hovered.
211
+ /// The background color of the selected and hovered PanelBar items.
208
212
  /// @group panelbar
209
213
  $kendo-panelbar-item-selected-hover-bg: $kendo-panelbar-item-selected-bg !default;
210
- /// Text color of the panelbar item when selected and hovered.
214
+ /// The text color of the selected and hovered PanelBar items.
211
215
  /// @group panelbar
212
216
  $kendo-panelbar-item-selected-hover-text: $kendo-panelbar-item-hover-text !default;
213
- /// Border color of the panelbar item when selected and hovered.
217
+ /// The border color of the selected and hovered PanelBar items.
214
218
  /// @group panelbar
215
219
  $kendo-panelbar-item-selected-hover-border: inherit !default;
216
220
 
217
- /// Background color of the panelbar item when selected and focused.
221
+ /// The background color of the selected and focused PanelBar items.
218
222
  /// @group panelbar
219
223
  $kendo-panelbar-item-selected-focus-bg: $kendo-panelbar-item-selected-bg !default;
220
- /// Text color of the panelbar item when selected and focused.
224
+ /// The text color of the selected and focused PanelBar items.
221
225
  /// @group panelbar
222
226
  $kendo-panelbar-item-selected-focus-text: $kendo-panelbar-item-selected-text !default;
223
- /// Border color of the panelbar item when selected and focused.
227
+ /// The border color of the selected and focused PanelBar items.
224
228
  /// @group panelbar
225
229
  $kendo-panelbar-item-selected-focus-border: inherit !default;
226
230
 
227
- /// Background color of the panelbar item when selected, focused and hovered.
231
+ /// The background color of the selected, hovered and focused PanelBar items.
228
232
  /// @group panelbar
229
233
  $kendo-panelbar-item-selected-hover-focus-bg: $kendo-panelbar-item-selected-hover-bg !default;
230
- /// Text color of the panelbar item when selected, focused and hovered.
234
+ /// The text color of the selected, hovered and focused PanelBar items.
231
235
  /// @group panelbar
232
236
  $kendo-panelbar-item-selected-hover-focus-text: $kendo-panelbar-item-selected-hover-text !default;
233
- /// Border color of the panelbar item when selected, focused and hovered.
237
+ /// The border color of the selected, hovered and focused PanelBar items.
234
238
  /// @group panelbar
235
239
  $kendo-panelbar-item-selected-hover-focus-border: inherit !default;