@progress/kendo-theme-fluent 12.2.0-dev.3 → 12.2.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 (40) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/fluent-1-dark.css +1 -1
  3. package/dist/fluent-1.css +1 -1
  4. package/dist/fluent-main-dark.css +1 -1
  5. package/dist/fluent-main.css +1 -1
  6. package/dist/meta/sassdoc-data.json +61213 -49113
  7. package/dist/meta/sassdoc-raw-data.json +16349 -10877
  8. package/dist/meta/variables.json +10 -130
  9. package/lib/swatches/all.json +1 -1
  10. package/lib/swatches/fluent-1-dark.json +1 -1
  11. package/lib/swatches/fluent-1.json +1 -1
  12. package/lib/swatches/fluent-main-dark.json +1 -1
  13. package/lib/swatches/fluent-main.json +1 -1
  14. package/package.json +4 -4
  15. package/scss/adaptive/_variables.scss +36 -0
  16. package/scss/bottom-navigation/_variables.scss +2 -0
  17. package/scss/breadcrumb/_variables.scss +2 -0
  18. package/scss/button/_variables.scss +0 -4
  19. package/scss/calendar/_variables.scss +2 -0
  20. package/scss/chat/_variables.scss +1 -1
  21. package/scss/checkbox/_variables.scss +2 -0
  22. package/scss/chip/_variables.scss +0 -2
  23. package/scss/column-menu/_variables.scss +36 -0
  24. package/scss/dataviz/_variables.scss +106 -0
  25. package/scss/daterangepicker/_variables.scss +10 -0
  26. package/scss/grid/_variables.scss +64 -6
  27. package/scss/icons/_variables.scss +7 -7
  28. package/scss/imageeditor/_variables.scss +33 -33
  29. package/scss/input/_variables.scss +4 -11
  30. package/scss/list/_variables.scss +95 -19
  31. package/scss/marquee/_variables.scss +6 -0
  32. package/scss/menu/_variables.scss +48 -10
  33. package/scss/messagebox/_variables.scss +2 -0
  34. package/scss/notification/_variables.scss +26 -1
  35. package/scss/otp/_variables.scss +2 -0
  36. package/scss/pivotgrid/_variables.scss +8 -2
  37. package/scss/signature/_variables.scss +12 -0
  38. package/scss/stepper/_variables.scss +3 -5
  39. package/scss/suggestion/_variables.scss +2 -0
  40. package/scss/timeselector/_variables.scss +16 -0
package/scss/list/_variables.scss CHANGED
@@ -5,129 +5,205 @@
5
5
  /// @group list
6
6
  $kendo-list-font-family: var( --kendo-list-font-family, var(--kendo-font-family, inherit) ) !default;
7
7
 
8
- /// The font size of the List component.
8
+ /// The font size of the small List.
9
9
  /// @group list
10
10
  $kendo-list-sm-font-size: var( --kendo-list-sm-font-size, var(--kendo-font-size, inherit) ) !default;
11
+ /// The font size of the medium List.
12
+ /// @group list
11
13
  $kendo-list-md-font-size: var( --kendo-list-md-font-size, var(--kendo-font-size, inherit) ) !default;
14
+ /// The font size of the large List.
15
+ /// @group list
12
16
  $kendo-list-lg-font-size: var( --kendo-list-lg-font-size, var(--kendo-font-size, inherit) ) !default;
13
17
 
14
- /// The line height of the List component.
18
+ /// The line height of the small List.
15
19
  /// @group list
16
20
  $kendo-list-sm-line-height: var( --kendo-list-sm-line-height, var(--kendo-line-height, normal) ) !default;
21
+ /// The line height of the medium List.
22
+ /// @group list
17
23
  $kendo-list-md-line-height: var( --kendo-list-md-line-height, var(--kendo-line-height, normal) ) !default;
24
+ /// The line height of the large List.
25
+ /// @group list
18
26
  $kendo-list-lg-line-height: var( --kendo-list-lg-line-height, var(--kendo-line-height, normal) ) !default;
19
27
 
20
- /// The horizontal padding of the List header.
28
+ /// The horizontal padding of the small List header.
21
29
  /// @group list
22
30
  $kendo-list-sm-header-padding-x: var( --kendo-list-sm-header-padding-x, #{k-spacing(1)} ) !default;
31
+ /// The horizontal padding of the medium List header.
32
+ /// @group list
23
33
  $kendo-list-md-header-padding-x: var( --kendo-list-md-header-padding-x, #{k-spacing(1.5)} ) !default;
34
+ /// The horizontal padding of the large List header.
35
+ /// @group list
24
36
  $kendo-list-lg-header-padding-x: var( --kendo-list-lg-header-padding-x, #{k-spacing(2.5)} ) !default;
25
37
 
26
- /// The vertical padding of the List header.
38
+ /// The vertical padding of the small List header.
27
39
  /// @group list
28
40
  $kendo-list-sm-header-padding-y: var( --kendo-list-sm-header-padding-y, #{k-spacing(1)} ) !default;
41
+ /// The vertical padding of the medium List header.
42
+ /// @group list
29
43
  $kendo-list-md-header-padding-y: var( --kendo-list-md-header-padding-y, #{k-spacing(1.5)} ) !default;
44
+ /// The vertical padding of the large List header.
45
+ /// @group list
30
46
  $kendo-list-lg-header-padding-y: var( --kendo-list-lg-header-padding-y, #{k-spacing(2.5)} ) !default;
31
47
 
32
48
  /// The border width of the List header.
33
49
  /// @group list
34
50
  $kendo-list-header-border-width: var( --kendo-list-header-border-width, 0 ) !default;
35
51
 
36
- /// The font size of the List header.
52
+ /// The font size of the small List header.
37
53
  /// @group list
38
54
  $kendo-list-sm-header-font-size: var( --kendo-list-sm-header-font-size, var(--kendo-font-size-sm, inherit) ) !default;
55
+ /// The font size of the medium List header.
56
+ /// @group list
39
57
  $kendo-list-md-header-font-size: var( --kendo-list-md-header-font-size, var(--kendo-font-size-sm, inherit) ) !default;
58
+ /// The font size of the large List header.
59
+ /// @group list
40
60
  $kendo-list-lg-header-font-size: var( --kendo-list-lg-header-font-size, var(--kendo-font-size-sm, inherit) ) !default;
41
61
 
42
- /// The line height of the List header.
62
+ /// The line height of the small List header.
43
63
  /// @group list
44
64
  $kendo-list-sm-header-line-height: var( --kendo-list-sm-header-line-height, var(--kendo-line-height-lg, normal) ) !default;
65
+ /// The line height of the medium List header.
66
+ /// @group list
45
67
  $kendo-list-md-header-line-height: var( --kendo-list-md-header-line-height, var(--kendo-line-height-lg, normal) ) !default;
68
+ /// The line height of the large List header.
69
+ /// @group list
46
70
  $kendo-list-lg-header-line-height: var( --kendo-list-lg-header-line-height, var(--kendo-line-height-lg, normal) ) !default;
47
71
 
48
72
  /// The font weight of the List header.
49
73
  /// @group list
50
74
  $kendo-list-header-font-weight: var( --kendo-list-header-font-weight, var(--kendo-font-weight-semibold, 600) ) !default;
51
- /// The horizontal padding of the List filter, when no size is set.
75
+ /// The horizontal padding of the small List filter.
52
76
  /// @group list
53
77
  $kendo-list-sm-filter-padding-x: var( --kendo-list-sm-filter-padding-x, #{k-spacing(1)} ) !default;
78
+ /// The horizontal padding of the medium List filter.
79
+ /// @group list
54
80
  $kendo-list-md-filter-padding-x: var( --kendo-list-md-filter-padding-x, #{k-spacing(1.5)} ) !default;
81
+ /// The horizontal padding of the large List filter.
82
+ /// @group list
55
83
  $kendo-list-lg-filter-padding-x: var( --kendo-list-lg-filter-padding-x, #{k-spacing(2.5)} ) !default;
56
84
 
57
- /// The vertical padding of the List filter, when no size is set.
85
+ /// The vertical padding of the small List filter.
58
86
  /// @group list
59
87
  $kendo-list-sm-filter-padding-y: var( --kendo-list-sm-filter-padding-y, #{k-spacing(1)} ) !default;
88
+ /// The vertical padding of the medium List filter.
89
+ /// @group list
60
90
  $kendo-list-md-filter-padding-y: var( --kendo-list-md-filter-padding-y, #{k-spacing(1.5)} ) !default;
91
+ /// The vertical padding of the large List filter.
92
+ /// @group list
61
93
  $kendo-list-lg-filter-padding-y: var( --kendo-list-lg-filter-padding-y, calc(#{k-spacing(2)} + 1px) ) !default;
62
94
 
63
- /// The horizontal padding of the List items.
95
+ /// The horizontal padding of the small List item.
64
96
  /// @group list
65
97
  $kendo-list-sm-item-padding-x: var( --kendo-list-sm-item-padding-x, #{k-spacing(1)} ) !default;
98
+ /// The horizontal padding of the medium List item.
99
+ /// @group list
66
100
  $kendo-list-md-item-padding-x: var( --kendo-list-md-item-padding-x, #{k-spacing(1.5)} ) !default;
101
+ /// The horizontal padding of the large List item.
102
+ /// @group list
67
103
  $kendo-list-lg-item-padding-x: var( --kendo-list-lg-item-padding-x, #{k-spacing(2.5)} ) !default;
68
104
 
69
- /// The vertical padding of the List items.
105
+ /// The vertical padding of the small List item.
70
106
  /// @group list
71
107
  $kendo-list-sm-item-padding-y: var( --kendo-list-sm-item-padding-y, #{k-spacing(1)} ) !default;
108
+ /// The vertical padding of the medium List item.
109
+ /// @group list
72
110
  $kendo-list-md-item-padding-y: var( --kendo-list-md-item-padding-y, #{k-spacing(1.5)} ) !default;
111
+ /// The vertical padding of the large List item.
112
+ /// @group list
73
113
  $kendo-list-lg-item-padding-y: var( --kendo-list-lg-item-padding-y, #{k-spacing(2.5)} ) !default;
74
114
 
75
- /// The font size of the List items.
115
+ /// The font size of the small List item.
76
116
  /// @group list
77
117
  $kendo-list-sm-item-font-size: var( --kendo-list-sm-item-font-size, var(--kendo-font-size, inherit) ) !default;
118
+ /// The font size of the medium List item.
119
+ /// @group list
78
120
  $kendo-list-md-item-font-size: var( --kendo-list-md-item-font-size, var(--kendo-font-size, inherit) ) !default;
121
+ /// The font size of the large List item.
122
+ /// @group list
79
123
  $kendo-list-lg-item-font-size: var( --kendo-list-lg-item-font-size, var(--kendo-font-size, inherit) ) !default;
80
124
 
81
- /// The line height of the List items.
125
+ /// The line height of the small List item.
82
126
  /// @group list
83
127
  $kendo-list-sm-item-line-height: var( --kendo-list-sm-item-line-height, var(--kendo-line-height, normal) ) !default;
128
+ /// The line height of the medium List item.
129
+ /// @group list
84
130
  $kendo-list-md-item-line-height: var( --kendo-list-md-item-line-height, var(--kendo-line-height, normal) ) !default;
131
+ /// The line height of the large List item.
132
+ /// @group list
85
133
  $kendo-list-lg-item-line-height: var( --kendo-list-lg-item-line-height, var(--kendo-line-height, normal) ) !default;
86
134
 
87
- /// The font size of the List item group label.
135
+ /// The font size of the small List item group label.
88
136
  /// @group list
89
137
  $kendo-list-item-group-label-sm-font-size: var( --kendo-list-item-group-label-sm-font-size, var(--kendo-font-size-xs, inherit) ) !default;
138
+ /// The font size of the medium List item group label.
139
+ /// @group list
90
140
  $kendo-list-item-group-label-md-font-size: var( --kendo-list-item-group-label-md-font-size, var(--kendo-font-size-xs, inherit) ) !default;
141
+ /// The font size of the large List item group label.
142
+ /// @group list
91
143
  $kendo-list-item-group-label-lg-font-size: var( --kendo-list-item-group-label-lg-font-size, var(--kendo-font-size-xs, inherit) ) !default;
92
144
 
93
- /// The horizontal padding of the List group items.
145
+ /// The horizontal padding of the small List group item.
94
146
  /// @group list
95
147
  $kendo-list-sm-group-item-padding-x: var( --kendo-list-sm-group-item-padding-x, #{k-spacing(2)} ) !default;
148
+ /// The horizontal padding of the medium List group item.
149
+ /// @group list
96
150
  $kendo-list-md-group-item-padding-x: var( --kendo-list-md-group-item-padding-x, #{k-spacing(2)} ) !default;
151
+ /// The horizontal padding of the large List group item.
152
+ /// @group list
97
153
  $kendo-list-lg-group-item-padding-x: var( --kendo-list-lg-group-item-padding-x, #{k-spacing(2)} ) !default;
98
154
 
99
- /// The vertical padding of the List group items.
155
+ /// The vertical padding of the small List group item.
100
156
  /// @group list
101
157
  $kendo-list-sm-group-item-padding-y: var( --kendo-list-sm-group-item-padding-y, #{k-spacing(1.5)} ) !default;
158
+ /// The vertical padding of the medium List group item.
159
+ /// @group list
102
160
  $kendo-list-md-group-item-padding-y: var( --kendo-list-md-group-item-padding-y, #{k-spacing(2)} ) !default;
161
+ /// The vertical padding of the large List group item.
162
+ /// @group list
103
163
  $kendo-list-lg-group-item-padding-y: var( --kendo-list-lg-group-item-padding-y, #{k-spacing(2.5)} ) !default;
104
164
 
105
- /// The horizontal padding of the List item group label.
165
+ /// The horizontal padding of the small List item group label.
106
166
  /// @group list
107
167
  $kendo-list-item-group-label-sm-padding-x: var( --kendo-list-item-group-label-sm-padding-x, #{k-spacing(0.5)} ) !default;
168
+ /// The horizontal padding of the medium List item group label.
169
+ /// @group list
108
170
  $kendo-list-item-group-label-md-padding-x: var( --kendo-list-item-group-label-md-padding-x, #{k-spacing(1)} ) !default;
171
+ /// The horizontal padding of the large List item group label.
172
+ /// @group list
109
173
  $kendo-list-item-group-label-lg-padding-x: var( --kendo-list-item-group-label-lg-padding-x, #{k-spacing(1.5)} ) !default;
110
174
 
111
- /// The vertical padding of the List item group label.
175
+ /// The vertical padding of the small List item group label.
112
176
  /// @group list
113
177
  $kendo-list-item-group-label-sm-padding-y: var( --kendo-list-item-group-label-sm-padding-y, #{k-spacing(0.5)} ) !default;
178
+ /// The vertical padding of the medium List item group label.
179
+ /// @group list
114
180
  $kendo-list-item-group-label-md-padding-y: var( --kendo-list-item-group-label-md-padding-y, #{k-spacing(1)} ) !default;
181
+ /// The vertical padding of the large List item group label.
182
+ /// @group list
115
183
  $kendo-list-item-group-label-lg-padding-y: var( --kendo-list-item-group-label-lg-padding-y, #{k-spacing(1.5)} ) !default;
116
184
 
117
185
  /// The border width of the List group items.
118
186
  /// @group list
119
187
  $kendo-list-group-item-border-width: var( --kendo-list-group-item-border-width, 1px 0 0 ) !default;
120
188
 
121
- /// The font size of the List group items.
189
+ /// The font size of the small List group item.
122
190
  /// @group list
123
191
  $kendo-list-sm-group-item-font-size: var( --kendo-list-sm-group-item-font-size, var(--kendo-font-size-sm, inherit) ) !default;
192
+ /// The font size of the medium List group item.
193
+ /// @group list
124
194
  $kendo-list-md-group-item-font-size: var( --kendo-list-md-group-item-font-size, var(--kendo-font-size-sm, inherit) ) !default;
195
+ /// The font size of the large List group item.
196
+ /// @group list
125
197
  $kendo-list-lg-group-item-font-size: var( --kendo-list-lg-group-item-font-size, var(--kendo-font-size-sm, inherit) ) !default;
126
198
 
127
- /// The line height of the List group items.
199
+ /// The line height of the small List group item.
128
200
  /// @group list
129
201
  $kendo-list-sm-group-item-line-height: var( --kendo-list-sm-group-item-line-height, var(--kendo-line-height-lg, normal) ) !default;
202
+ /// The line height of the medium List group item.
203
+ /// @group list
130
204
  $kendo-list-md-group-item-line-height: var( --kendo-list-md-group-item-line-height, var(--kendo-line-height-lg, normal) ) !default;
205
+ /// The line height of the large List group item.
206
+ /// @group list
131
207
  $kendo-list-lg-group-item-line-height: var( --kendo-list-lg-group-item-line-height, var(--kendo-line-height-lg, normal) ) !default;
132
208
 
133
209
  /// The font weight of the List group item.
package/scss/marquee/_variables.scss CHANGED
@@ -1,7 +1,13 @@
1
1
  @use "../core/_index.scss" as *;
2
2
 
3
+ /// The text color of the Marquee.
4
+ /// @group marquee
3
5
  $kendo-marquee-text: k-color(on-app-surface) !default;
6
+ /// The background color of the Marquee.
7
+ /// @group marquee
4
8
  $kendo-marquee-bg: color-mix(in srgb, k-color(primary) 55%, white 45%) !default;
9
+ /// The border color of the Marquee.
10
+ /// @group marquee
5
11
  $kendo-marquee-border: k-color(primary) !default;
6
12
 
7
13
  @forward "@progress/kendo-theme-core/scss/components/marquee/_variables.scss" with (
package/scss/menu/_variables.scss CHANGED
@@ -7,10 +7,10 @@
7
7
  /// @group menu
8
8
  $kendo-menu-border-width: var( --kendo-menu-border-width, #{k-spacing(0)} ) !default;
9
9
 
10
- // The font family of the Menu.
10
+ /// The font family of the Menu.
11
11
  /// @group menu
12
12
  $kendo-menu-font-family: var( --kendo-menu-font-family, var( --kendo-font-family, inherit ) ) !default;
13
- // The font size of the Menu.
13
+ /// The font size of the Menu.
14
14
  /// @group menu
15
15
  $kendo-menu-font-size: var( --kendo-menu-font-size, var( --kendo-font-size, inherit ) ) !default;
16
16
  /// The line heights of the Menu used along with $kendo-font-size.
@@ -82,8 +82,14 @@ $kendo-menu-item-focus-bg: var( --kendo-menu-item-focus-bg, #{$kendo-menu-item-b
82
82
  /// The outline of focused Menu item.
83
83
  /// @group menu
84
84
  $kendo-menu-item-focus-outline: var( --kendo-menu-item-focus-outline, #{k-color(border-alt)} ) !default;
85
+ /// The outline of the Menu item.
86
+ /// @group menu
85
87
  $kendo-menu-item-focus-outline-offset: var( --kendo-menu-item-focus-outline-offset, calc( #{k-spacing(0.5)} * -1 ) ) !default;
88
+ /// The width of the Menu item.
89
+ /// @group menu
86
90
  $kendo-menu-item-focus-outline-width: var( --kendo-menu-item-focus-outline-width, 2px ) !default;
91
+ /// The outline of the Menu item.
92
+ /// @group menu
87
93
  $kendo-menu-item-focus-outline-style: var( --kendo-menu-item-focus-outline-style, solid ) !default;
88
94
 
89
95
  /// The text color of disabled Menu item.
@@ -130,13 +136,25 @@ $kendo-menu-popup-padding-y: var( --kendo-menu-popup-padding-y, #{$kendo-popup-p
130
136
  /// @group menu
131
137
  $kendo-menu-popup-border-width: var( --kendo-menu-popup-border-width, #{$kendo-popup-border-width} ) !default;
132
138
 
139
+ /// The font size of the small Menu popup.
140
+ /// @group menu
133
141
  $kendo-menu-popup-sm-font-size: var( --kendo-menu-popup-sm-font-size, var( --kendo-font-size, inherit ) ) !default;
142
+ /// The font size of the medium Menu popup.
143
+ /// @group menu
134
144
  $kendo-menu-popup-md-font-size: var( --kendo-menu-popup-md-font-size, var( --kendo-font-size, inherit ) ) !default;
145
+ /// The font size of the large Menu popup.
146
+ /// @group menu
135
147
  $kendo-menu-popup-lg-font-size: var( --kendo-menu-popup-lg-font-size, var( --kendo-font-size-lg, inherit ) ) !default;
136
148
 
137
- $kendo-menu-popup-sm-line-height: var( --kendo-menu-popup-sm-line-height, var( --kendo-line-height, 30px ) ) !default;
138
- $kendo-menu-popup-md-line-height: var( --kendo-menu-popup-md-line-height, var( --kendo-line-height, 30px ) ) !default;
139
- $kendo-menu-popup-lg-line-height: var( --kendo-menu-popup-lg-line-height, var( --kendo-line-height, 30px ) ) !default;
149
+ /// The line height of the small Menu popup.
150
+ /// @group menu
151
+ $kendo-menu-popup-sm-line-height: var( --kendo-menu-popup-sm-line-height, var(--kendo-line-height, normal) ) !default;
152
+ /// The line height of the medium Menu popup.
153
+ /// @group menu
154
+ $kendo-menu-popup-md-line-height: var( --kendo-menu-popup-md-line-height, var(--kendo-line-height, normal) ) !default;
155
+ /// The line height of the large Menu popup.
156
+ /// @group menu
157
+ $kendo-menu-popup-lg-line-height: var( --kendo-menu-popup-lg-line-height, var(--kendo-line-height, normal) ) !default;
140
158
 
141
159
  /// The background color of the Menu popup.
142
160
  /// @group menu
@@ -148,31 +166,51 @@ $kendo-menu-popup-border: var( --kendo-menu-popup-border, initial ) !default;
148
166
  /// @group menu
149
167
  $kendo-menu-popup-shadow: var( --kendo-menu-popup-shadow, k-elevation(5) ) !default;
150
168
 
151
- /// The horizontal padding of the Menu item in popup.
169
+ /// The horizontal padding of the small Menu popup item.
152
170
  /// @group menu
153
171
  $kendo-menu-popup-sm-item-padding-x: var( --kendo-menu-popup-sm-item-padding-x, #{k-spacing(2)} ) !default;
172
+ /// The horizontal padding of the medium Menu popup item.
173
+ /// @group menu
154
174
  $kendo-menu-popup-md-item-padding-x: var( --kendo-menu-popup-md-item-padding-x, #{k-spacing(2)} ) !default;
175
+ /// The horizontal padding of the large Menu popup item.
176
+ /// @group menu
155
177
  $kendo-menu-popup-lg-item-padding-x: var( --kendo-menu-popup-lg-item-padding-x, #{k-spacing(2)} ) !default;
156
- /// The vertical padding of the Menu item in popup.
178
+ /// The vertical padding of the small Menu popup item.
157
179
  /// @group menu
158
180
  $kendo-menu-popup-sm-item-padding-y: var( --kendo-menu-popup-sm-item-padding-y, #{$kendo-list-sm-item-padding-y} ) !default;
181
+ /// The vertical padding of the medium Menu popup item.
182
+ /// @group menu
159
183
  $kendo-menu-popup-md-item-padding-y: var( --kendo-menu-popup-md-item-padding-y, #{$kendo-list-md-item-padding-y} ) !default;
184
+ /// The vertical padding of the large Menu popup item.
185
+ /// @group menu
160
186
  $kendo-menu-popup-lg-item-padding-y: var( --kendo-menu-popup-lg-item-padding-y, #{$kendo-list-lg-item-padding-y} ) !default;
161
- /// The end padding of the Menu item in popup.
187
+ /// The end padding of the small Menu popup item.
162
188
  /// @group menu
163
189
  $kendo-menu-popup-sm-item-padding-end: calc( calc( #{$kendo-menu-popup-sm-item-padding-x} * 2 ) + var( --kendo-icon-size, 1rem ) ) !default;
190
+ /// The end padding of the medium Menu popup item.
191
+ /// @group menu
164
192
  $kendo-menu-popup-md-item-padding-end: calc( calc( #{$kendo-menu-popup-md-item-padding-x} * 2 ) + var( --kendo-icon-size, 1rem ) ) !default;
193
+ /// The end padding of the large Menu popup item.
194
+ /// @group menu
165
195
  $kendo-menu-popup-lg-item-padding-end: calc( calc( #{$kendo-menu-popup-lg-item-padding-x} * 2 ) + var( --kendo-icon-size, 1rem ) ) !default;
166
196
 
167
- /// The start margin of the Menu item expand icon.
197
+ /// The start margin of the small Menu popup item expand icon.
168
198
  /// @group menu
169
199
  $kendo-menu-popup-sm-item-icon-margin-start: k-spacing(0) !default;
200
+ /// The start margin of the medium Menu popup item expand icon.
201
+ /// @group menu
170
202
  $kendo-menu-popup-item-icon-md-margin-start: k-spacing(0) !default;
203
+ /// The start margin of the large Menu popup item expand icon.
204
+ /// @group menu
171
205
  $kendo-menu-popup-lg-item-icon-margin-start: k-spacing(0) !default;
172
- /// The end margin of the Menu item expand icon.
206
+ /// The end margin of the small Menu popup item expand icon.
173
207
  /// @group menu
174
208
  $kendo-menu-popup-sm-item-icon-margin-end: calc( -1 * (var( --kendo-icon-size, 1rem ) + #{$kendo-menu-popup-sm-item-padding-x}) ) !default;
209
+ /// The end margin of the medium Menu popup item expand icon.
210
+ /// @group menu
175
211
  $kendo-menu-popup-item-icon-md-margin-end: calc( -1 * (var( --kendo-icon-size, 1rem ) + #{$kendo-menu-popup-md-item-padding-x}) ) !default;
212
+ /// The end margin of the large Menu popup item expand icon.
213
+ /// @group menu
176
214
  $kendo-menu-popup-lg-item-icon-margin-end: calc( -1 * (var( --kendo-icon-size, 1rem ) + #{$kendo-menu-popup-lg-item-padding-x}) ) !default;
177
215
 
178
216
  /// The spacing between the Menu items in popup.
package/scss/messagebox/_variables.scss CHANGED
@@ -42,6 +42,8 @@ $kendo-message-box-link-text: var( --kendo-message-box-link-text, k-color(primar
42
42
  /// @group messagebox
43
43
  $kendo-message-box-link-hover-text: var( --kendo-message-box-link-hover-text, k-color(primary-hover) ) !default;
44
44
 
45
+ /// The theme colors of the Messagebox.
46
+ /// @group messagebox
45
47
  $kendo-messagebox-theme-colors: (
46
48
  "primary": k-color(primary),
47
49
  "secondary": k-color(secondary),
package/scss/notification/_variables.scss CHANGED
@@ -6,21 +6,46 @@
6
6
  /// @group notification
7
7
  $kendo-notification-group-gap: var( --kendo-notification-group-gap, #{k-spacing(2)} ) !default;
8
8
 
9
+ /// The horizontal padding of the Notification.
10
+ /// @group notification
9
11
  $kendo-notification-padding-x: var( --kendo-notification-padding-x, #{k-spacing(3)} ) !default;
12
+ /// The vertical padding of the Notification.
13
+ /// @group notification
10
14
  $kendo-notification-padding-y: var( --kendo-notification-padding-y, calc(#{k-spacing(2)} + 1px) ) !default;
15
+ /// The width of the border around the Notification.
16
+ /// @group notification
11
17
  $kendo-notification-border-width: var( --kendo-notification-border-width, 1px ) !default;
18
+ /// The border radius of the Notification.
19
+ /// @group notification
12
20
  $kendo-notification-border-radius: var( --kendo-notification-border-radius, #{k-border-radius(md)} ) !default;
21
+ /// The font family of the Notification.
22
+ /// @group notification
13
23
  $kendo-notification-font-family: var( --kendo-notification-font-family, var( --kendo-font-family, inherit ) ) !default;
24
+ /// The font size of the Notification.
25
+ /// @group notification
14
26
  $kendo-notification-font-size: var( --kendo-notification-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
27
+ /// The height of the Notification.
28
+ /// @group notification
15
29
  $kendo-notification-line-height: var( --kendo-notification-line-height, var( --kendo-line-height-lg, normal ) ) !default;
30
+ /// The horizontal padding of the Notification actions.
31
+ /// @group notification
16
32
  $kendo-notification-actions-padding-x: var( --kendo-notification-actions-padding-x, null ) !default;
33
+ /// The vertical padding of the Notification actions.
34
+ /// @group notification
17
35
  $kendo-notification-actions-padding-y: var( --kendo-notification-actions-padding-y, #{$kendo-notification-actions-padding-x} ) !default;
18
36
 
37
+ /// The background color of the Notification.
38
+ /// @group notification
19
39
  $kendo-notification-bg: var( --kendo-notification-bg, #{k-color(base-subtle)} ) !default;
40
+ /// The text color of the Notification.
41
+ /// @group notification
20
42
  $kendo-notification-text: var( --kendo-notification-text, #{k-color(on-app-surface)} ) !default;
43
+ /// The border color of the Notification.
44
+ /// @group notification
21
45
  $kendo-notification-border: var( --kendo-notification-border, color-mix(in srgb, k-color(border) 26%, transparent) ) !default;
22
- $kendo-notification-box-shadow: var( --kendo-notification-box-shadow, none ) !default;
23
46
 
47
+ /// The spacing of the Notification icon.
48
+ /// @group notification
24
49
  $kendo-notification-icon-spacing: var( --kendo-notification-icon-spacing, #{k-spacing(2)} ) !default;
25
50
 
26
51
  /// The theme colors map for the Notification variations.
package/scss/otp/_variables.scss CHANGED
@@ -42,6 +42,8 @@ $kendo-otp-md-input-width: var( --kendo-otp-md-input-width, #{$kendo-otp-input-w
42
42
  /// @group one-time-password
43
43
  $kendo-otp-lg-input-width: var( --kendo-otp-lg-input-width, #{$kendo-input-lg-calc-size} ) !default;
44
44
 
45
+ /// The sizes map of the OTP.
46
+ /// @group otp
45
47
  $kendo-otp-sizes: (
46
48
  sm: (
47
49
  gap: $kendo-otp-sm-gap,
package/scss/pivotgrid/_variables.scss CHANGED
@@ -231,11 +231,18 @@ $kendo-pivotgrid-treeview-padding-x: var( --kendo-pivotgrid-treeview-padding-x,
231
231
  $kendo-pivotgrid-treeview-padding-y: var( --kendo-pivotgrid-treeview-padding-y, #{k-spacing(0)} ) !default;
232
232
 
233
233
  // Legacy variables
234
+ /// The background color of the PivotGrid.
235
+ /// @group pivotgrid
234
236
  $kendo-pivotgrid-alt-bg: $kendo-grid-header-bg !default;
237
+ /// The text color of the PivotGrid.
238
+ /// @group pivotgrid
235
239
  $kendo-pivotgrid-alt-text: $kendo-grid-header-text !default;
240
+ /// The border color of the PivotGrid.
241
+ /// @group pivotgrid
236
242
  $kendo-pivotgrid-chrome-border: $kendo-grid-border !default;
237
243
 
238
- $kendo-pivotgrid-container-bg: var( --kendo-pivotgrid-container-bg, #{k-color(surface-alt)} ) !default;
244
+ /// The background color of the PivotGrid row.
245
+ /// @group pivotgrid
239
246
  $kendo-pivotgrid-row-headers-bg: var( --kendo-pivotgrid-row-headers-bg, #{k-color(surface-alt)} ) !default;
240
247
 
241
248
  @forward "@progress/kendo-theme-core/scss/components/pivotgrid/_variables.scss" with (
@@ -308,6 +315,5 @@ $kendo-pivotgrid-row-headers-bg: var( --kendo-pivotgrid-row-headers-bg, #{k-colo
308
315
  $kendo-pivotgrid-alt-bg: $kendo-pivotgrid-alt-bg,
309
316
  $kendo-pivotgrid-alt-text: $kendo-pivotgrid-alt-text,
310
317
  $kendo-pivotgrid-chrome-border: $kendo-pivotgrid-chrome-border,
311
- $kendo-pivotgrid-container-bg: $kendo-pivotgrid-container-bg,
312
318
  $kendo-pivotgrid-row-headers-bg: $kendo-pivotgrid-row-headers-bg
313
319
  );
package/scss/signature/_variables.scss CHANGED
@@ -16,12 +16,20 @@ $kendo-signature-maximized-height: var( --kendo-signature-maximized-height, 252p
16
16
  /// The horizontal paddings of the signature component.
17
17
  /// @group signature
18
18
  $kendo-signature-sm-padding-x: var( --kendo-signature-sm-padding-x, k-spacing(1) ) !default;
19
+ /// The horizontal padding of the Signature.
20
+ /// @group signature
19
21
  $kendo-signature-md-padding-x: var( --kendo-signature-md-padding-x, k-spacing(1) ) !default;
22
+ /// The horizontal padding of the Signature.
23
+ /// @group signature
20
24
  $kendo-signature-lg-padding-x: var( --kendo-signature-lg-padding-x, k-spacing(1) ) !default;
21
25
  /// The vertical paddings of the signature component.
22
26
  /// @group signature
23
27
  $kendo-signature-sm-padding-y: var( --kendo-signature-sm-padding-y, k-spacing(0.5) ) !default;
28
+ /// The vertical padding of the Signature.
29
+ /// @group signature
24
30
  $kendo-signature-md-padding-y: var( --kendo-signature-md-padding-y, k-spacing(1) ) !default;
31
+ /// The vertical padding of the Signature.
32
+ /// @group signature
25
33
  $kendo-signature-lg-padding-y: var( --kendo-signature-lg-padding-y, k-spacing(1.5) ) !default;
26
34
 
27
35
  /// The bottom-border width of the row line of the signature component.
@@ -39,7 +47,11 @@ $kendo-signature-line-disabled-color: var( --kendo-signature-line-disabled-color
39
47
  /// The width of the row line of the signature component.
40
48
  /// @group signature
41
49
  $kendo-signature-sm-line-size: var( --kendo-signature-sm-line-size, calc( 100% - 2 * #{$kendo-signature-sm-padding-x} ) ) !default;
50
+ /// The md line size of the Signature.
51
+ /// @group signature
42
52
  $kendo-signature-md-line-size: var( --kendo-signature-md-line-size, calc( 100% - 2 * #{$kendo-signature-md-padding-x} ) ) !default;
53
+ /// The lg line size of the Signature.
54
+ /// @group signature
43
55
  $kendo-signature-lg-line-size: var( --kendo-signature-lg-line-size, calc( 100% - 2 * #{$kendo-signature-lg-padding-x} ) ) !default;
44
56
  /// The bottom offset of the row line of the signature component.
45
57
  /// @group signature
package/scss/stepper/_variables.scss CHANGED
@@ -4,13 +4,13 @@
4
4
  /// The width of the border around the Stepper.
5
5
  /// @group stepper
6
6
  $kendo-stepper-border-width: var( --kendo-stepper-border-width, 0px ) !default;
7
- // The font size of the Stepper.
7
+ /// The font size of the Stepper.
8
8
  /// @group stepper
9
9
  $kendo-stepper-font-size: var( --kendo-stepper-font-size, var( --kendo-font-size, inherit ) ) !default;
10
- // The font family of the Stepper.
10
+ /// The font family of the Stepper.
11
11
  /// @group stepper
12
12
  $kendo-stepper-font-family: var( --kendo-stepper-font-family, var( --kendo-font-family, inherit ) ) !default;
13
- // The line height of the Stepper.
13
+ /// The line height of the Stepper.
14
14
  /// @group stepper
15
15
  $kendo-stepper-line-height: var( --kendo-stepper-line-height, var( --kendo-line-height, normal ) ) !default;
16
16
 
@@ -201,8 +201,6 @@ $kendo-stepper-content-transition-property: var( --kendo-stepper-content-transit
201
201
  $kendo-stepper-content-transition-duration: var( --kendo-stepper-content-transition-duration, 300ms ) !default;
202
202
  /// The timing function of the Stepper transition.
203
203
  /// @group stepper
204
- /// The timing function of the Stepper transition.
205
- /// @group stepper
206
204
  $kendo-stepper-content-transition-timing-function: var( --kendo-stepper-content-transition-timing-function, cubic-bezier(.4, 0, .2, 1) 0ms ) !default;
207
205
 
208
206
  @forward "@progress/kendo-theme-core/scss/components/stepper/_variables.scss" with (
package/scss/suggestion/_variables.scss CHANGED
@@ -64,6 +64,8 @@ $kendo-suggestion-focus-shadow-spread: var( --kendo-suggestion-focus-shadow-spre
64
64
  /// @group suggestion
65
65
  $kendo-suggestion-focus-shadow-color: var( --kendo-suggestion-focus-shadow-color, #{k-color(on-base)} ) !default;
66
66
 
67
+ /// The theme colors map of the Suggestion.
68
+ /// @group suggestion
67
69
  $kendo-suggestion-theme-colors: (
68
70
  "primary": k-color(primary),
69
71
  "secondary": k-color(secondary)
package/scss/timeselector/_variables.scss CHANGED
@@ -102,25 +102,41 @@ $kendo-time-list-focus-bg: var( --kendo-time-list-focus-bg, color-mix(in srgb, k
102
102
  /// Font sizes of the time-selector.
103
103
  /// @group time-selector
104
104
  $kendo-time-selector-sm-font-size: var( --kendo-time-selector-sm-font-size, var( --kendo-font-size, inherit ) ) !default;
105
+ /// The font size of the TimeSelector.
106
+ /// @group time-selector
105
107
  $kendo-time-selector-md-font-size: var( --kendo-time-selector-md-font-size, var(--kendo-font-size, inherit) ) !default;
108
+ /// The font size of the TimeSelector.
109
+ /// @group time-selector
106
110
  $kendo-time-selector-lg-font-size: var( --kendo-time-selector-lg-font-size, var(--kendo-font-size, inherit) ) !default;
107
111
 
108
112
  /// Line heights used along with $kendo-font-size.
109
113
  /// @group time-selector
110
114
  $kendo-time-selector-sm-line-height: var( --kendo-time-selector-sm-line-height, var(--kendo-line-height, normal) ) !default;
115
+ /// The height of the TimeSelector.
116
+ /// @group time-selector
111
117
  $kendo-time-selector-md-line-height: var( --kendo-time-selector-md-line-height, var(--kendo-line-height, normal) ) !default;
118
+ /// The height of the TimeSelector.
119
+ /// @group time-selector
112
120
  $kendo-time-selector-lg-line-height: var( --kendo-time-selector-lg-line-height, var(--kendo-line-height, normal) ) !default;
113
121
 
114
122
  /// Horizontal padding of the time-selector items.
115
123
  /// @group time-selector
116
124
  $kendo-time-selector-sm-list-item-padding-x: var( --kendo-time-selector-sm-list-item-padding-x, #{k-spacing(3)} ) !default;
125
+ /// The horizontal padding of the TimeSelector item.
126
+ /// @group time-selector
117
127
  $kendo-time-selector-md-list-item-padding-x: var( --kendo-time-selector-md-list-item-padding-x, #{k-spacing(3)} ) !default;
128
+ /// The horizontal padding of the TimeSelector item.
129
+ /// @group time-selector
118
130
  $kendo-time-selector-lg-list-item-padding-x: var( --kendo-time-selector-lg-list-item-padding-x, #{k-spacing(3)} ) !default;
119
131
 
120
132
  /// Vertical padding of the time-selector items.
121
133
  /// @group time-selector
122
134
  $kendo-time-selector-sm-list-item-padding-y: var( --kendo-time-selector-sm-list-item-padding-y, #{k-spacing(1)} ) !default;
135
+ /// The vertical padding of the TimeSelector item.
136
+ /// @group time-selector
123
137
  $kendo-time-selector-md-list-item-padding-y: var( --kendo-time-selector-md-list-item-padding-y, #{k-spacing(1)} ) !default;
138
+ /// The vertical padding of the TimeSelector item.
139
+ /// @group time-selector
124
140
  $kendo-time-selector-lg-list-item-padding-y: var( --kendo-time-selector-lg-list-item-padding-y, #{k-spacing(2)} ) !default;
125
141
 
126
142
  /// Sizes map for the time-selector.