@progress/kendo-theme-fluent 6.4.0-dev.0 → 6.4.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 (53) hide show
  1. package/dist/all.css +195 -130
  2. package/dist/meta/sassdoc-data.json +5971 -3665
  3. package/dist/meta/sassdoc-raw-data.json +3027 -1877
  4. package/lib/swatches/all.json +1 -1
  5. package/lib/swatches/fluent-main.json +1 -1
  6. package/package.json +6 -5
  7. package/scss/action-sheet/_layout.scss +11 -6
  8. package/scss/action-sheet/_variables.scss +0 -3
  9. package/scss/adaptive/_layout.scss +2 -6
  10. package/scss/avatar/_variables.scss +10 -8
  11. package/scss/badge/_variables.scss +36 -14
  12. package/scss/bottom-navigation/_layout.scss +0 -4
  13. package/scss/bottom-navigation/_variables.scss +1 -5
  14. package/scss/breadcrumb/_layout.scss +0 -1
  15. package/scss/breadcrumb/_variables.scss +0 -4
  16. package/scss/button/_variables.scss +3 -3
  17. package/scss/chip/_layout.scss +0 -1
  18. package/scss/drawer/_layout.scss +3 -3
  19. package/scss/drawer/_variables.scss +6 -3
  20. package/scss/dropdowntree/_variables.scss +4 -0
  21. package/scss/dropzone/_layout.scss +0 -7
  22. package/scss/dropzone/_variables.scss +0 -3
  23. package/scss/fab/_layout.scss +3 -4
  24. package/scss/fab/_variables.scss +58 -52
  25. package/scss/filemanager/_layout.scss +2 -12
  26. package/scss/filemanager/_variables.scss +0 -6
  27. package/scss/floating-label/_variables.scss +17 -17
  28. package/scss/forms/_variables.scss +62 -34
  29. package/scss/grid/_layout.scss +6 -2
  30. package/scss/icon/_layout.scss +10 -7
  31. package/scss/input/_layout.scss +5 -4
  32. package/scss/input/_variables.scss +2 -2
  33. package/scss/list/_layout.scss +2 -0
  34. package/scss/list/_theme.scss +15 -0
  35. package/scss/list/_variables.scss +11 -0
  36. package/scss/listbox/_layout.scss +2 -5
  37. package/scss/map/_layout.scss +0 -1
  38. package/scss/map/_variables.scss +0 -3
  39. package/scss/pager/_layout.scss +1 -12
  40. package/scss/pager/_variables.scss +37 -21
  41. package/scss/pdf-viewer/_layout.scss +0 -9
  42. package/scss/pdf-viewer/_variables.scss +0 -3
  43. package/scss/rating/_layout.scss +0 -9
  44. package/scss/rating/_variables.scss +0 -4
  45. package/scss/scrollview/_layout.scss +13 -8
  46. package/scss/scrollview/_variables.scss +0 -3
  47. package/scss/splitter/_layout.scss +0 -9
  48. package/scss/splitter/_variables.scss +1 -4
  49. package/scss/spreadsheet/_layout.scss +2 -1
  50. package/scss/toolbar/_variables.scss +28 -16
  51. package/scss/treeview/_variables.scss +56 -40
  52. package/scss/upload/_layout.scss +2 -6
  53. package/scss/upload/_variables.scss +0 -4
package/scss/treeview/_variables.scss CHANGED
@@ -1,49 +1,65 @@
1
1
  @use "sass:map";
2
2
  @use "../core/" as *;
3
3
 
4
- /// Font family of the treeview component.
4
+ /// The font family of the TreeView.
5
5
  /// @group treeview
6
6
  $kendo-treeview-font-family: var( --kendo-font-family, normal ) !default;
7
- /// Font size of the treeview component.
7
+ /// The font size of the small TreeView.
8
8
  /// @group treeview
9
9
  $kendo-treeview-sm-font-size: var( --kendo-font-size, inherit ) !default;
10
+ /// The font size of the medium TreeView.
11
+ /// @group treeview
10
12
  $kendo-treeview-md-font-size: var( --kendo-font-size, inherit ) !default;
13
+ /// The font size of the large TreeView.
14
+ /// @group treeview
11
15
  $kendo-treeview-lg-font-size: var( --kendo-font-size, inherit ) !default;
12
- /// Line height of the treeview component.
16
+ /// The line height of the small TreeView.
13
17
  /// @group treeview
14
18
  $kendo-treeview-sm-line-height: var( --kendo-line-height, normal ) !default;
19
+ /// The line height of the medium TreeView.
20
+ /// @group treeview
15
21
  $kendo-treeview-md-line-height: var( --kendo-line-height, normal ) !default;
22
+ /// The line height of the large TreeView.
23
+ /// @group treeview
16
24
  $kendo-treeview-lg-line-height: var( --kendo-line-height, normal ) !default;
17
- /// Indentation of child groups in treeview component.
25
+ /// The indentation of child groups in the TreeView.
18
26
  /// @group treeview
19
27
  $kendo-treeview-indent: map.get( $kendo-spacing, 4 ) !default;
20
28
 
21
- /// Horizontal padding of treeview items.
29
+ /// The horizontal padding of the small TreeView items.
22
30
  /// @group treeview
23
31
  $kendo-treeview-sm-item-padding-x: map.get( $kendo-spacing, 2 ) !default;
32
+ /// The horizontal padding of the medium TreeView items.
33
+ /// @group treeview
24
34
  $kendo-treeview-md-item-padding-x: map.get( $kendo-spacing, 2 ) !default;
35
+ /// The horizontal padding of the large TreeView items.
36
+ /// @group treeview
25
37
  $kendo-treeview-lg-item-padding-x: map.get( $kendo-spacing, 2 ) !default;
26
- /// Vertical padding of treeview items.
38
+ /// The vertical padding of the small TreeView items.
27
39
  /// @group treeview
28
40
  $kendo-treeview-sm-item-padding-y: map.get( $kendo-spacing, 1.5 ) !default;
41
+ /// The vertical padding of the medium TreeView items.
42
+ /// @group treeview
29
43
  $kendo-treeview-md-item-padding-y: map.get( $kendo-spacing, 2 ) !default;
44
+ /// The vertical padding of the large TreeView items.
45
+ /// @group treeview
30
46
  $kendo-treeview-lg-item-padding-y: map.get( $kendo-spacing, 2.5 ) !default;
31
- /// Border width of treeview items.
47
+ /// The border width of the TreeView items.
32
48
  /// @group treeview
33
49
  $kendo-treeview-item-border-width: 0 !default;
34
- /// Border radius of treeview items.
50
+ /// The border radius of the TreeView items.
35
51
  /// @group treeview
36
52
  $kendo-treeview-item-border-radius: var( --kendo-border-radius-md, 0 ) !default;
37
53
 
38
- /// Horizontal padding of the treeview filter element.
54
+ /// The horizontal padding of the TreeViews' filter element.
39
55
  /// @group treeview
40
56
  $kendo-treeview-filter-padding-x: map.get( $kendo-spacing, 2 ) !default;
41
- /// Vertical padding of the treeview filter element.
57
+ /// The vertical padding of the TreeViews' filter element.
42
58
  /// @group treeview
43
59
  $kendo-treeview-filter-padding-y: map.get( $kendo-spacing, 2 ) !default;
44
60
 
45
61
 
46
- /// The sizes of the treeview.
62
+ /// The sizes map of the TreeView.
47
63
  /// @group treeview
48
64
  $kendo-treeview-sizes: (
49
65
  sm: (
@@ -67,98 +83,98 @@ $kendo-treeview-sizes: (
67
83
  ) !default;
68
84
 
69
85
 
70
- /// Background color of the treeview component.
86
+ /// The background color of the TreeView.
71
87
  /// @group treeview
72
88
  $kendo-treeview-bg: transparent !default;
73
- /// Text color of the treeview component.
89
+ /// The text color of the TreeView.
74
90
  /// @group treeview
75
91
  $kendo-treeview-text: var( --kendo-component-text, inherit ) !default;
76
- /// Border color of the treeview component.
92
+ /// The border color of the TreeView.
77
93
  /// @group treeview
78
94
  $kendo-treeview-border: inherit !default;
79
95
 
80
- /// Background color of the treeview items.
96
+ /// The background color of the TreeView items.
81
97
  /// @group treeview
82
98
  $kendo-treeview-item-bg: transparent !default;
83
- /// Text color of the treeview items.
99
+ /// The text color of the TreeView items.
84
100
  /// @group treeview
85
101
  $kendo-treeview-item-text: var( --kendo-component-text, inherit ) !default;
86
- /// Border color of the treeview items.
102
+ /// The border color of the TreeView items.
87
103
  /// @group treeview
88
104
  $kendo-treeview-item-border: inherit !default;
89
105
 
90
- /// Background color of hovered treeview items.
106
+ /// The background color of hovered TreeView items.
91
107
  /// @group treeview
92
108
  $kendo-treeview-item-hover-bg: var( --kendo-hover-bg, inherit ) !default;
93
- /// Text color of hovered treeview items.
109
+ /// The text color of hovered TreeView items.
94
110
  /// @group treeview
95
111
  $kendo-treeview-item-hover-text: var( --kendo-hover-text, inherit ) !default;
96
- /// Border color of hovered treeview items.
112
+ /// The border color of hovered TreeView items
97
113
  /// @group treeview
98
114
  $kendo-treeview-item-hover-border: inherit !default;
99
115
 
100
- /// Background color of focused treeview items.
116
+ /// The background color of focused TreeView items.
101
117
  /// @group treeview
102
118
  $kendo-treeview-item-focus-bg: $kendo-treeview-item-bg !default;
103
- /// Text color of focused treeview items.
119
+ /// The text color of focused TreeView items.
104
120
  /// @group treeview
105
121
  $kendo-treeview-item-focus-text: $kendo-treeview-item-text !default;
106
- /// Border color of focused treeview items.
122
+ /// The border color of focused TreeView items.
107
123
  /// @group treeview
108
124
  $kendo-treeview-item-focus-border: $kendo-treeview-item-border !default;
109
- /// Box shadow of focused treeview items.
125
+ /// The box shadow of focused TreeView items.
110
126
  /// @group treeview
111
127
  $kendo-treeview-item-focus-shadow: inset 0 0 0 1px get-theme-color-var( neutral-130 ) !default;
112
128
 
113
- /// Background color of selected treeview items.
129
+ /// The background color of selected TreeView items.
114
130
  /// @group treeview
115
131
  $kendo-treeview-item-selected-bg: var( --kendo-selected-bg, inherit ) !default;
116
- /// Text color of selected treeview items.
132
+ /// The text color of selected TreeView items.
117
133
  /// @group treeview
118
134
  $kendo-treeview-item-selected-text: var( --kendo-selected-text, inherit ) !default;
119
- /// Border color of selected treeview items.
135
+ /// The border color of selected TreeView items.
120
136
  /// @group treeview
121
137
  $kendo-treeview-item-selected-border: inherit !default;
122
138
 
123
- /// Background color of disabled treeview items.
139
+ /// The background color of disabled TreeView items.
124
140
  /// @group treeview
125
141
  $kendo-treeview-item-disabled-bg: $kendo-treeview-item-bg !default;
126
- /// Text color of disabled treeview items.
142
+ /// The text color of disabled TreeView items.
127
143
  /// @group treeview
128
144
  $kendo-treeview-item-disabled-text: var( --kendo-disabled-text, inherit ) !default;
129
- /// Border color of disabled treeview items.
145
+ /// The border color of disabled TreeView items.
130
146
  /// @group treeview
131
147
  $kendo-treeview-item-disabled-border: inherit !default;
132
148
 
133
- /// Background color of load more.
149
+ /// The background color of the Load More button in the TreeView
134
150
  /// @group treeview
135
151
  $kendo-treeview-loadmore-bg: transparent !default;
136
- /// Text color of load more.
152
+ /// The text color of the Load More button in the TreeView
137
153
  /// @group treeview
138
154
  $kendo-treeview-loadmore-text: var( --kendo-link-text, initial ) !default;
139
- /// Border color of load more.
155
+ /// The border color of the Load More button in the TreeView
140
156
  /// @group treeview
141
157
  $kendo-treeview-loadmore-border: inherit !default;
142
158
 
143
- /// Background color of a hovered load more.
159
+ /// The background color of the hovered Load More button in the TreeView
144
160
  /// @group treeview
145
161
  $kendo-treeview-loadmore-hover-bg: transparent !default;
146
- /// Text color of a hovered load more.
162
+ /// The text color of the hovered Load More button in the TreeView.
147
163
  /// @group treeview
148
164
  $kendo-treeview-loadmore-hover-text: var( --kendo-link-hover-text, initial ) !default;
149
- /// Border color of a hovered load more.
165
+ /// The border color of the hovered Load More button in the TreeView.
150
166
  /// @group treeview
151
167
  $kendo-treeview-loadmore-hover-border: inherit !default;
152
168
 
153
- /// Background color of a focused load more.
169
+ /// The background color of the focused Load More button in the TreeView.
154
170
  /// @group treeview
155
171
  $kendo-treeview-loadmore-focus-bg: transparent !default;
156
- /// Text color of a focused load more.
172
+ /// The text color of the focused Load More button in the TreeView.
157
173
  /// @group treeview
158
174
  $kendo-treeview-loadmore-focus-text: var( --kendo-link-hover-text, initial ) !default;
159
- /// Border color of a focused load more.
175
+ /// The border color of the focused Load More button in the TreeView.
160
176
  /// @group treeview
161
177
  $kendo-treeview-loadmore-focus-border: inherit !default;
162
- /// Box shadow of a focused load more.
178
+ /// The box shadow of the focused Load More button in the TreeView.
163
179
  /// @group treeview
164
180
  $kendo-treeview-loadmore-focus-shadow: $kendo-treeview-item-focus-shadow !default;
package/scss/upload/_layout.scss CHANGED
@@ -169,10 +169,6 @@
169
169
 
170
170
  .k-file-icon-wrapper {
171
171
 
172
- .k-file-icon {
173
- font-size: var( --kendo-upload-group-icon-size, #{$kendo-upload-group-icon-size} );
174
- }
175
-
176
172
  .k-file-state {
177
173
  position: absolute;
178
174
  }
@@ -182,7 +178,7 @@
182
178
  .k-upload-files .k-file-info {
183
179
  margin-inline-start: 0;
184
180
  margin-inline-end: 0;
185
- min-height: var( --kendo-upload-group-icon-size, #{$kendo-upload-group-icon-size} );
181
+ min-height: var( --kendo-icon-size-xxl, 2rem );
186
182
  display: block;
187
183
  overflow: hidden;
188
184
  flex: 1 0 0;
@@ -192,7 +188,7 @@
192
188
  .k-file-single > .k-file-info {
193
189
  margin-inline-start: var( --kendo-padding-x, #{$kendo-padding-md-x} );
194
190
  margin-inline-end: 0;
195
- min-height: var( --kendo-upload-group-icon-size, #{$kendo-upload-group-icon-size} );
191
+ min-height: var( --kendo-icon-size-xxl, 2rem );
196
192
  display: block;
197
193
  overflow: hidden;
198
194
  flex: 1 0 0;
package/scss/upload/_variables.scss CHANGED
@@ -74,10 +74,6 @@ $kendo-upload-icon-spacing: var( --kendo-icon-spacing, .5rem ) !default;
74
74
  /// @group upload
75
75
  $kendo-upload-icon-color: var( --kendo-subtle-text, inherit ) !default;
76
76
 
77
- /// Font size of the file icons in the upload.
78
- /// @group upload
79
- $kendo-upload-group-icon-size: var( --kendo-icon-size-xxl, 2rem ) !default;
80
-
81
77
  /// Thickness of the upload progress bar.
82
78
  /// @group upload
83
79
  $kendo-upload-progress-thickness: 2px !default;