@progress/kendo-theme-fluent 5.8.2-dev.2 → 5.8.2-dev.4

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 (30) hide show
  1. package/README.md +12 -5
  2. package/dist/all.css +298 -157
  3. package/package.json +3 -3
  4. package/scss/bottom-navigation/_variables.scss +9 -9
  5. package/scss/colorgradient/_layout.scss +3 -2
  6. package/scss/colorpalette/_layout.scss +6 -2
  7. package/scss/colorpalette/_theme.scss +5 -15
  8. package/scss/colorpalette/_variables.scss +15 -15
  9. package/scss/core/_index.scss +4 -8
  10. package/scss/core/color-system/_variables.scss +4 -4
  11. package/scss/dataviz/_layout.scss +2 -2
  12. package/scss/grid/_layout.scss +7 -9
  13. package/scss/grid/_variables.scss +2 -2
  14. package/scss/index.scss +2 -2
  15. package/scss/input/_layout.scss +2 -2
  16. package/scss/input/_theme.scss +1 -1
  17. package/scss/menu/_layout.scss +11 -0
  18. package/scss/menu/_theme.scss +3 -0
  19. package/scss/progressbar/_layout.scss +4 -6
  20. package/scss/scheduler/_theme.scss +5 -1
  21. package/scss/scheduler/_variables.scss +10 -0
  22. package/scss/signature/_layout.scss +4 -0
  23. package/scss/signature/_variables.scss +4 -0
  24. package/scss/skeleton/_layout.scss +3 -3
  25. package/scss/split-button/_layout.scss +21 -27
  26. package/scss/split-button/_variables.scss +8 -0
  27. package/scss/spreadsheet/_theme.scss +178 -181
  28. package/scss/table/_variables.scss +5 -5
  29. package/scss/timeline/_layout.scss +1 -2
  30. package/scss/treelist/_layout.scss +5 -0
package/scss/spreadsheet/_theme.scss CHANGED
@@ -4,251 +4,248 @@
4
4
  @use "../list/_variables.scss"as *;
5
5
 
6
6
  @mixin kendo-spreadsheet--theme() {
7
- // Spreadsheet
8
- .k-spreadsheet {
9
- @include fill(
10
- var( --kendo-spreadsheet-text, #{$kendo-spreadsheet-text} ),
11
- var( --kendo-spreadsheet-bg, #{$kendo-spreadsheet-bg} ),
12
- var( --kendo-spreadsheet-border, #{$kendo-spreadsheet-border} )
13
- );
14
- }
7
+ // Spreadsheet
8
+ .k-spreadsheet {
9
+ @include fill(
10
+ var( --kendo-spreadsheet-text, #{$kendo-spreadsheet-text} ),
11
+ var( --kendo-spreadsheet-bg, #{$kendo-spreadsheet-bg} ),
12
+ var( --kendo-spreadsheet-border, #{$kendo-spreadsheet-border} )
13
+ );
14
+ }
15
15
 
16
16
 
17
- // Header
18
- .k-spreadsheet .k-tabstrip-wrapper {}
17
+ // Header
18
+ .k-spreadsheet .k-tabstrip-wrapper {}
19
19
 
20
20
 
21
- // Quick access toolbar
22
- .k-spreadsheet-quick-access-toolbar {}
21
+ // Quick access toolbar
22
+ .k-spreadsheet-quick-access-toolbar {}
23
23
 
24
24
 
25
- // Row / column headers
26
- .k-spreadsheet-top-corner,
27
- .k-spreadsheet-row-header,
28
- .k-spreadsheet-column-header {
29
- @include fill(
30
- var( --kendo-spreadsheet-header-text, #{$kendo-spreadsheet-header-text} ),
31
- var( --kendo-spreadsheet-header-bg, #{$kendo-spreadsheet-header-bg} ),
32
- var( --kendo-spreadsheet-header-border, #{$kendo-spreadsheet-header-border} )
33
- );
34
- }
25
+ // Row / column headers
26
+ .k-spreadsheet-top-corner,
27
+ .k-spreadsheet-row-header,
28
+ .k-spreadsheet-column-header {
29
+ @include fill(
30
+ var( --kendo-spreadsheet-header-text, #{$kendo-spreadsheet-header-text} ),
31
+ var( --kendo-spreadsheet-header-bg, #{$kendo-spreadsheet-header-bg} ),
32
+ var( --kendo-spreadsheet-header-border, #{$kendo-spreadsheet-header-border} )
33
+ );
34
+ }
35
35
 
36
36
 
37
- // Formula bar
38
- .k-spreadsheet-formula-list {}
39
- .k-syntax-ref { color: #ff8822; }
40
- .k-syntax-num { color: #0099ff; }
41
- .k-syntax-str { color: #38b714; }
42
- .k-syntax-error { color: red; }
43
- .k-syntax-bool { color: #a9169c; }
44
- .k-syntax-paren-match { background-color: #caf200; }
37
+ // Formula bar
38
+ .k-spreadsheet-formula-list {}
39
+ .k-syntax-ref { color: #ff8822; }
40
+ .k-syntax-num { color: #0099ff; }
41
+ .k-syntax-str { color: #38b714; }
42
+ .k-syntax-error { color: red; }
43
+ .k-syntax-bool { color: #a9169c; }
44
+ .k-syntax-paren-match { background-color: #caf200; }
45
45
 
46
46
 
47
- // Cell editor
48
- .k-spreadsheet-cell-editor {
49
- color: var( --kendo-spreadsheet-text, #{$kendo-spreadsheet-text} );
50
- background-color: var( --kendo-spreadsheet-bg, #{$kendo-spreadsheet-bg} );
51
- }
47
+ // Cell editor
48
+ .k-spreadsheet-cell-editor {
49
+ color: var( --kendo-spreadsheet-text, #{$kendo-spreadsheet-text} );
50
+ background-color: var( --kendo-spreadsheet-bg, #{$kendo-spreadsheet-bg} );
51
+ }
52
52
 
53
53
 
54
- // Cells
55
- .k-spreadsheet-merged-cell {
56
- background-color: var( --kendo-spreadsheet-bg, #{$kendo-spreadsheet-bg} );
57
- }
58
-
54
+ // Cells
55
+ .k-spreadsheet-merged-cell {
56
+ background-color: var( --kendo-spreadsheet-bg, #{$kendo-spreadsheet-bg} );
57
+ }
59
58
 
60
- // Selection
61
- .k-spreadsheet .k-selection-full,
62
- .k-spreadsheet .k-selection-partial {
63
- // TODO: consider extracting variables
64
- background-color: var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
65
- }
66
- .k-spreadsheet-selection {
67
- border-color: var( --kendo-spreadsheet-selected-border, #{$kendo-spreadsheet-selected-border} );
68
- background-color: var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
69
- box-shadow: inset 0 0 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
70
- }
71
- .k-spreadsheet .k-single-selection::after {
72
- border-color: var( --kendo-spreadsheet-border, #{$kendo-spreadsheet-border} );
73
- background-color: var( --kendo-spreadsheet-selected-border, #{$kendo-spreadsheet-selected-border} );
74
- }
75
- .k-spreadsheet-active-cell {
76
- box-shadow: inset 0 0 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
77
- background-color: var( --kendo-spreadsheet-bg, #{$kendo-spreadsheet-bg} );
78
59
 
79
- &.k-right {
80
- box-shadow: inset 0 0 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} ), inset -1px 0 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
60
+ // Selection
61
+ .k-spreadsheet .k-selection-full,
62
+ .k-spreadsheet .k-selection-partial {
63
+ // TODO: consider extracting variables
64
+ background-color: var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
81
65
  }
82
-
83
- &.k-bottom {
84
- box-shadow: inset 0 0 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} ), inset 0 -1px 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
66
+ .k-spreadsheet-selection {
67
+ border-color: var( --kendo-spreadsheet-selected-border, #{$kendo-spreadsheet-selected-border} );
68
+ background-color: var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
69
+ box-shadow: inset 0 0 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
85
70
  }
86
-
87
- &.k-bottom.k-right {
88
- box-shadow: inset 0 0 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} ), inset -1px -1px 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
71
+ .k-spreadsheet .k-single-selection::after {
72
+ border-color: var( --kendo-spreadsheet-border, #{$kendo-spreadsheet-border} );
73
+ background-color: var( --kendo-spreadsheet-selected-border, #{$kendo-spreadsheet-selected-border} );
89
74
  }
90
- }
91
-
92
- .k-spreadsheet .k-auto-fill {
93
- border-color: var( --kendo-spreadsheet-selected-border, #{$kendo-spreadsheet-selected-border} );
94
- background-color: var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
95
- box-shadow: inset 0 0 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
96
- }
97
- .k-spreadsheet .k-auto-fill-punch {
98
- background-color: var( --kendo-spreadsheet-bg, #{$kendo-spreadsheet-bg} );
99
- }
75
+ .k-spreadsheet-active-cell {
76
+ box-shadow: inset 0 0 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
77
+ background-color: var( --kendo-spreadsheet-bg, #{$kendo-spreadsheet-bg} );
100
78
 
79
+ &.k-right {
80
+ box-shadow: inset 0 0 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} ), inset -1px 0 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
81
+ }
101
82
 
102
- // Resize handle
103
- .k-spreadsheet .k-resize-handle,
104
- .k-spreadsheet .k-resize-hint-handle,
105
- .k-spreadsheet .k-resize-hint-marker {
106
- background-color: var( --kendo-spreadsheet-primary-bg, #{$kendo-spreadsheet-primary-bg} );
107
- }
83
+ &.k-bottom {
84
+ box-shadow: inset 0 0 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} ), inset 0 -1px 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
85
+ }
108
86
 
109
- // Comments
110
- .k-spreadsheet-has-comment::after {
111
- border-color: var( --kendo-spreadsheet-primary-border, #{$kendo-spreadsheet-primary-border} ) var( --kendo-spreadsheet-primary-border, #{$kendo-spreadsheet-primary-border} ) transparent transparent;
112
- }
87
+ &.k-bottom.k-right {
88
+ box-shadow: inset 0 0 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} ), inset -1px -1px 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
89
+ }
90
+ }
113
91
 
114
- // Validation
115
- .k-dirty {
116
- border-color: var( --kendo-spreadsheet-error-border, #{$kendo-spreadsheet-error-border} ) transparent transparent var( --kendo-spreadsheet-error-border, #{$kendo-spreadsheet-error-border} );
117
- }
92
+ .k-spreadsheet .k-auto-fill {
93
+ border-color: var( --kendo-spreadsheet-selected-border, #{$kendo-spreadsheet-selected-border} );
94
+ background-color: var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
95
+ box-shadow: inset 0 0 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
96
+ }
97
+ .k-spreadsheet .k-auto-fill-punch {
98
+ background-color: var( --kendo-spreadsheet-bg, #{$kendo-spreadsheet-bg} );
99
+ }
118
100
 
119
- }
120
101
 
102
+ // Resize handle
103
+ .k-spreadsheet .k-resize-handle,
104
+ .k-spreadsheet .k-resize-hint-handle,
105
+ .k-spreadsheet .k-resize-hint-marker {
106
+ background-color: var( --kendo-spreadsheet-primary-bg, #{$kendo-spreadsheet-primary-bg} );
107
+ }
121
108
 
109
+ // Comments
110
+ .k-spreadsheet-has-comment::after {
111
+ border-color: var( --kendo-spreadsheet-primary-border, #{$kendo-spreadsheet-primary-border} ) var( --kendo-spreadsheet-primary-border, #{$kendo-spreadsheet-primary-border} ) transparent transparent;
112
+ }
122
113
 
114
+ // Validation
115
+ .k-dirty {
116
+ border-color: var( --kendo-spreadsheet-error-border, #{$kendo-spreadsheet-error-border} ) transparent transparent var( --kendo-spreadsheet-error-border, #{$kendo-spreadsheet-error-border} );
117
+ }
123
118
 
124
- // Filter button
125
- .k-spreadsheet .k-filter-range {
126
- border-color: var( --kendo-spreadsheet-primary-border, #{$kendo-spreadsheet-primary-border} );
127
- }
128
- .k-spreadsheet-filter {
129
- @include fill(
130
- var( --kendo-spreadsheet-filter-button-text, #{$kendo-spreadsheet-filter-button-text} ),
131
- var( --kendo-spreadsheet-filter-button-bg, #{$kendo-spreadsheet-filter-button-bg} ),
132
- var( --kendo-spreadsheet-filter-button-border, #{$kendo-spreadsheet-filter-button-border} )
133
- );
134
- box-shadow: inset 0 0 0 1px var( --kendo-spreadsheet-filter-button-border, #{$kendo-spreadsheet-filter-button-border} );
135
-
136
- &:hover {
119
+ // Filter button
120
+ .k-spreadsheet .k-filter-range {
121
+ border-color: var( --kendo-spreadsheet-primary-border, #{$kendo-spreadsheet-primary-border} );
122
+ }
123
+ .k-spreadsheet-filter {
137
124
  @include fill(
138
- var( --kendo-spreadsheet-filter-button-hover-text, #{$kendo-spreadsheet-filter-button-hover-text} ),
139
- var( --kendo-spreadsheet-filter-button-hover-bg, #{$kendo-spreadsheet-filter-button-hover-bg} ),
140
- var( --kendo-spreadsheet-filter-button-hover-border, #{$kendo-spreadsheet-filter-button-hover-border} )
125
+ var( --kendo-spreadsheet-filter-button-text, #{$kendo-spreadsheet-filter-button-text} ),
126
+ var( --kendo-spreadsheet-filter-button-bg, #{$kendo-spreadsheet-filter-button-bg} ),
127
+ var( --kendo-spreadsheet-filter-button-border, #{$kendo-spreadsheet-filter-button-border} )
141
128
  );
129
+ box-shadow: inset 0 0 0 1px var( --kendo-spreadsheet-filter-button-border, #{$kendo-spreadsheet-filter-button-border} );
130
+
131
+ &:hover {
132
+ @include fill(
133
+ var( --kendo-spreadsheet-filter-button-hover-text, #{$kendo-spreadsheet-filter-button-hover-text} ),
134
+ var( --kendo-spreadsheet-filter-button-hover-bg, #{$kendo-spreadsheet-filter-button-hover-bg} ),
135
+ var( --kendo-spreadsheet-filter-button-hover-border, #{$kendo-spreadsheet-filter-button-hover-border} )
136
+ );
137
+ }
138
+
139
+ &.k-active {
140
+ @include fill(
141
+ var( --kendo-spreadsheet-filter-button-active-text, #{$kendo-spreadsheet-filter-button-active-text} ),
142
+ var( --kendo-spreadsheet-filter-button-active-bg, #{$kendo-spreadsheet-filter-button-active-bg} ),
143
+ var( --kendo-spreadsheet-filter-button-active-border, #{$kendo-spreadsheet-filter-button-active-border} )
144
+ );
145
+ }
146
+
142
147
  }
143
148
 
144
- &.k-active {
149
+ .k-spreadsheet-value-treeview-wrapper {
145
150
  @include fill(
146
- var( --kendo-spreadsheet-filter-button-active-text, #{$kendo-spreadsheet-filter-button-active-text} ),
147
- var( --kendo-spreadsheet-filter-button-active-bg, #{$kendo-spreadsheet-filter-button-active-bg} ),
148
- var( --kendo-spreadsheet-filter-button-active-border, #{$kendo-spreadsheet-filter-button-active-border} )
151
+ var( --kendo-spreadsheet-text, #{$kendo-spreadsheet-text} ),
152
+ var( --kendo-spreadsheet-bg, #{$kendo-spreadsheet-bg} ),
153
+ var( --kendo-spreadsheet-border, #{$kendo-spreadsheet-border} )
149
154
  );
150
155
  }
151
156
 
152
- }
153
-
154
- .k-spreadsheet-value-treeview-wrapper {
155
- @include fill(
156
- var( --kendo-spreadsheet-text, #{$kendo-spreadsheet-text} ),
157
- var( --kendo-spreadsheet-bg, #{$kendo-spreadsheet-bg} ),
158
- var( --kendo-spreadsheet-border, #{$kendo-spreadsheet-border} )
159
- );
160
- }
157
+ // Filter menu
158
+ .k-spreadsheet-filter-menu {
161
159
 
162
- // Filter menu
163
- .k-spreadsheet-filter-menu {
160
+ > .k-menu,
161
+ > .k-menu:not(.k-context-menu) {
164
162
 
165
- > .k-menu,
166
- > .k-menu:not(.k-context-menu) {
163
+ .k-item:hover,
164
+ .k-item.k-hover {
165
+ @include fill(
166
+ var( --kendo-list-item-hover-text, #{$kendo-list-item-hover-text} ),
167
+ var( --kendo-list-item-hover-bg, #{$kendo-list-item-hover-bg} )
168
+ );
169
+ }
170
+ }
167
171
 
168
- .k-item:hover,
169
- .k-item.k-hover {
170
- @include fill(
171
- var( --kendo-list-item-hover-text, #{$kendo-list-item-hover-text} ),
172
- var( --kendo-list-item-hover-bg, #{$kendo-list-item-hover-bg} )
173
- );
172
+ .k-columnmenu-item > .k-icon:first-child {
173
+ color: var( --kendo-spreadsheet-filter-menu-icon-color, #{$kendo-spreadsheet-filter-menu-icon-color} );
174
174
  }
175
175
  }
176
176
 
177
- .k-columnmenu-item > .k-icon:first-child {
178
- color: var( --kendo-spreadsheet-filter-menu-icon-color, #{$kendo-spreadsheet-filter-menu-icon-color} );
179
- }
180
- }
181
177
 
182
178
 
183
179
 
180
+ .k-spreadsheet-popup {
184
181
 
185
- .k-spreadsheet-popup {
182
+ // Buttons
183
+ .k-button {}
186
184
 
187
- // Buttons
188
- .k-button {}
185
+ .k-button:hover,
186
+ .k-button.k-hover {
187
+ @include fill(
188
+ var( --kendo-list-item-hover-text, #{$kendo-list-item-hover-text} ),
189
+ var( --kendo-list-item-hover-bg, #{$kendo-list-item-hover-bg} )
190
+ );
191
+ }
192
+ .k-button:active,
193
+ .k-button.k-active,
194
+ .k-button.k-selected {
195
+ @include fill(
196
+ var( --kendo-list-item-selected-text, #{$kendo-list-item-selected-text} ),
197
+ var( --kendo-list-item-selected-bg, #{$kendo-list-item-selected-bg} )
198
+ );
199
+ }
189
200
 
190
- .k-button:hover,
191
- .k-button.k-hover {
192
- @include fill(
193
- var( --kendo-list-item-hover-text, #{$kendo-list-item-hover-text} ),
194
- var( --kendo-list-item-hover-bg, #{$kendo-list-item-hover-bg} )
195
- );
196
- }
197
- .k-button:active,
198
- .k-button.k-active,
199
- .k-button.k-selected {
200
- @include fill(
201
- var( --kendo-list-item-selected-text, #{$kendo-list-item-selected-text} ),
202
- var( --kendo-list-item-selected-bg, #{$kendo-list-item-selected-bg} )
203
- );
204
201
  }
205
202
 
206
- }
207
203
 
208
204
 
205
+ .k-spreadsheet-insert-image-dialog {
206
+ border-color: var( --kendo-spreadsheet-insert-image-dialog-preview-border, #{$kendo-spreadsheet-insert-image-dialog-preview-border} );
209
207
 
210
- .k-spreadsheet-insert-image-dialog {
211
- border-color: var( --kendo-spreadsheet-insert-image-dialog-preview-border, #{$kendo-spreadsheet-insert-image-dialog-preview-border} );
208
+ .k-spreadsheet-has-image {
209
+ &:hover,
210
+ &.k-hover {
211
+ box-shadow: var( --kendo-spreadsheet-insert-image-dialog-preview-overlay-shadow, #{$kendo-spreadsheet-insert-image-dialog-preview-overlay-shadow} );
212
+ }
212
213
 
213
- .k-spreadsheet-has-image {
214
- &:hover,
215
- &.k-hover {
216
- box-shadow: var( --kendo-spreadsheet-insert-image-dialog-preview-overlay-shadow, #{$kendo-spreadsheet-insert-image-dialog-preview-overlay-shadow} );
214
+ &:hover div,
215
+ &.k-hover div {
216
+ color: var( --kendo-spreadsheet-insert-image-dialog-overlay-hovered-text, #{$kendo-spreadsheet-insert-image-dialog-overlay-hovered-text} );
217
+ }
217
218
  }
219
+ }
218
220
 
219
- &:hover div,
220
- &.k-hover div {
221
- color: var( --kendo-spreadsheet-insert-image-dialog-overlay-hovered-text, #{$kendo-spreadsheet-insert-image-dialog-overlay-hovered-text} );
221
+ .k-spreadsheet-drawing {
222
+ &.k-spreadsheet-active-drawing {
223
+ outline-color: var( --kendo-spreadsheet-drawing-handle-outline-color, #{$kendo-spreadsheet-drawing-handle-outline-color} );
222
224
  }
223
- }
224
- }
225
225
 
226
- .k-spreadsheet-drawing {
227
- &.k-spreadsheet-active-drawing {
228
- outline-color: var( --kendo-spreadsheet-drawing-handle-outline-color, #{$kendo-spreadsheet-drawing-handle-outline-color} );
226
+ .k-spreadsheet-drawing-handle {
227
+ border-color: var( --kendo-spreadsheet-drawing-handle-border-color, #{$kendo-spreadsheet-drawing-handle-border-color} );
228
+ background-color: var( --kendo-spreadsheet-drawing-handle-bg, #{$kendo-spreadsheet-drawing-handle-bg} );
229
+ }
229
230
  }
230
231
 
231
- .k-spreadsheet-drawing-handle {
232
- border-color: var( --kendo-spreadsheet-drawing-handle-border-color, #{$kendo-spreadsheet-drawing-handle-border-color} );
233
- background-color: var( --kendo-spreadsheet-drawing-handle-bg, #{$kendo-spreadsheet-drawing-handle-bg} );
232
+ .k-spreadsheet-drawing-anchor-cell {
233
+ background: var( --kendo-spreadsheet-drawing-anchor-bg, #{$kendo-spreadsheet-drawing-anchor-bg} );
234
234
  }
235
- }
236
235
 
237
- .k-spreadsheet-drawing-anchor-cell {
238
- background: var( --kendo-spreadsheet-drawing-anchor-bg, #{$kendo-spreadsheet-drawing-anchor-bg} );
239
- }
240
236
 
237
+ .k-rtl .k-spreadsheet,
238
+ .k-spreadsheet[dir="rtl"],
239
+ [dir="rtl"] .k-spreadsheet {
241
240
 
242
- .k-rtl .k-spreadsheet,
243
- .k-spreadsheet[dir="rtl"],
244
- [dir="rtl"] .k-spreadsheet {
241
+ .k-spreadsheet-has-comment::after {
242
+ border-color: var( --kendo-spreadsheet-primary-border, #{$kendo-spreadsheet-primary-border} ) transparent transparent var( --kendo-spreadsheet-primary-border, #{$kendo-spreadsheet-primary-border} );
243
+ }
245
244
 
246
- .k-spreadsheet-has-comment::after {
247
- border-color: var( --kendo-spreadsheet-primary-border, #{$kendo-spreadsheet-primary-border} ) transparent transparent var( --kendo-spreadsheet-primary-border, #{$kendo-spreadsheet-primary-border} );
248
- }
245
+ .k-dirty {
246
+ border-color: var( --kendo-spreadsheet-error-border, #{$kendo-spreadsheet-error-border} ) var( --kendo-spreadsheet-error-border, #{$kendo-spreadsheet-error-border} ) transparent transparent;
247
+ }
249
248
 
250
- .k-dirty {
251
- border-color: var( --kendo-spreadsheet-error-border, #{$kendo-spreadsheet-error-border} ) var( --kendo-spreadsheet-error-border, #{$kendo-spreadsheet-error-border} ) transparent transparent;
252
249
  }
253
250
 
254
251
  }
package/scss/table/_variables.scss CHANGED
@@ -150,20 +150,20 @@ $kendo-table-focus-shadow: $kendo-list-item-focus-shadow !default;
150
150
 
151
151
  /// Background color of selected rows in table.
152
152
  /// @group table
153
- $kendo-table-selected-bg: var( --kendo-selected-bg, inherit ) !default;
153
+ $kendo-table-selected-bg: get-theme-color-var( primary-20 ) !default;
154
154
  /// Text color of selected rows in table.
155
155
  /// @group table
156
- $kendo-table-selected-text: var( --kendo-selected-text, inherit ) !default;
156
+ $kendo-table-selected-text: $kendo-table-text !default;
157
157
  /// Border color of selected rows in table.
158
158
  /// @group table
159
- $kendo-table-selected-border: get-theme-color-var( neutral-60 ) !default;
159
+ $kendo-table-selected-border: $kendo-table-border !default;
160
160
 
161
161
  /// Hover background color of selected rows in table.
162
162
  /// @group table
163
- $kendo-table-selected-hover-bg: var( --kendo-selected-hover-bg, inherit ) !default;
163
+ $kendo-table-selected-hover-bg: get-theme-color-var( primary-30 ) !default;
164
164
  /// Hover text color of selected rows in table.
165
165
  /// @group table
166
- $kendo-table-selected-hover-text: var( --kendo-selected-hover-text, inherit ) !default;
166
+ $kendo-table-selected-hover-text: $kendo-table-selected-text !default;
167
167
  /// Hover border color of selected rows in table.
168
168
  /// @group table
169
169
  $kendo-table-selected-hover-border: $kendo-table-selected-border !default;
package/scss/timeline/_layout.scss CHANGED
@@ -313,6 +313,7 @@
313
313
 
314
314
  .k-timeline-card {
315
315
  height: 100%;
316
+ padding-inline: .5em;
316
317
  }
317
318
 
318
319
  .k-card {
@@ -322,8 +323,6 @@
322
323
  .k-timeline-events-list {
323
324
  overflow-x: hidden;
324
325
  padding-block-start: var( --kendo-timeline-track-margin-bottom, #{ $kendo-timeline-track-margin-bottom} );
325
- padding-inline: 5px;
326
- margin-inline: -5px;
327
326
 
328
327
  .k-timeline-scrollable-wrap {
329
328
  position: relative;
package/scss/treelist/_layout.scss CHANGED
@@ -44,6 +44,11 @@
44
44
  tr.k-footer + tr.k-footer td {
45
45
  border-top-width: 0;
46
46
  }
47
+
48
+ .k-i-collapse,
49
+ .k-i-expand {
50
+ margin-inline-end: map-get( $kendo-spacing, 2 );
51
+ }
47
52
  }
48
53
 
49
54