@progress/kendo-theme-fluent 5.7.0 → 5.8.1-dev.1
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.
- package/dist/all.css +43451 -0
- package/dist/all.scss +1 -1
- package/package.json +5 -5
- package/scss/adaptive/_layout.scss +475 -0
- package/scss/adaptive/_theme.scss +92 -0
- package/scss/adaptive/_variables.scss +33 -0
- package/scss/adaptive/index.scss +32 -0
- package/scss/badge/_variables.scss +2 -2
- package/scss/button/_layout.scss +2 -1
- package/scss/button/_variables.scss +2 -2
- package/scss/calendar/_layout.scss +5 -4
- package/scss/calendar/_theme.scss +9 -9
- package/scss/calendar/_variables.scss +25 -25
- package/scss/captcha/_variables.scss +3 -2
- package/scss/card/_layout.scss +3 -3
- package/scss/card/_variables.scss +1 -1
- package/scss/chat/_layout.scss +460 -0
- package/scss/chat/_theme.scss +93 -0
- package/scss/chat/_variables.scss +213 -0
- package/scss/chat/index.scss +32 -0
- package/scss/checkbox/_layout.scss +3 -3
- package/scss/chip/_layout.scss +1 -1
- package/scss/chip/_theme.scss +3 -3
- package/scss/color-preview/_layout.scss +0 -1
- package/scss/coloreditor/_layout.scss +3 -1
- package/scss/coloreditor/_variables.scss +10 -2
- package/scss/colorgradient/_layout.scss +5 -1
- package/scss/colorgradient/_variables.scss +13 -10
- package/scss/core/_variables.scss +8 -7
- package/scss/core/color-system/utils/_functions.scss +1 -1
- package/scss/core/helpers/_index.scss +1 -0
- package/scss/core/helpers/_scrollbar.scss +25 -0
- package/scss/core/mixins/_decoration.scss +4 -0
- package/scss/dataviz/_layout.scss +5 -5
- package/scss/draggable/_variables.scss +2 -1
- package/scss/drawer/_variables.scss +2 -3
- package/scss/editor/_layout.scss +3 -2
- package/scss/fab/_variables.scss +10 -9
- package/scss/filemanager/_layout.scss +1 -1
- package/scss/filter/_layout.scss +1 -1
- package/scss/forms/_layout.scss +3 -2
- package/scss/forms/_variables.scss +1 -1
- package/scss/gantt/_layout.scss +782 -0
- package/scss/gantt/_theme.scss +275 -0
- package/scss/gantt/_variables.scss +232 -0
- package/scss/gantt/index.scss +35 -0
- package/scss/grid/_layout.scss +3 -3
- package/scss/grid/_theme.scss +7 -0
- package/scss/grid/_variables.scss +2 -2
- package/scss/imageeditor/_layout.scss +0 -2
- package/scss/imageeditor/_variables.scss +5 -4
- package/scss/index.scss +16 -18
- package/scss/input/_variables.scss +1 -1
- package/scss/listgroup/_layout.scss +0 -1
- package/scss/listview/_layout.scss +2 -2
- package/scss/loader/_layout.scss +3 -2
- package/scss/loader/_variables.scss +16 -15
- package/scss/map/_variables.scss +2 -2
- package/scss/menu/_variables.scss +7 -7
- package/scss/messagebox/_theme.scss +1 -1
- package/scss/messagebox/_variables.scss +5 -5
- package/scss/notification/_theme.scss +0 -1
- package/scss/notification/_variables.scss +0 -1
- package/scss/panelbar/_layout.scss +2 -2
- package/scss/pdf-viewer/_layout.scss +177 -0
- package/scss/pdf-viewer/_theme.scss +73 -0
- package/scss/pdf-viewer/_variables.scss +105 -0
- package/scss/pdf-viewer/index.scss +32 -0
- package/scss/pivotgrid/_layout.scss +640 -0
- package/scss/pivotgrid/_theme.scss +218 -0
- package/scss/pivotgrid/_variables.scss +239 -0
- package/scss/pivotgrid/index.scss +36 -0
- package/scss/popup/_variables.scss +2 -2
- package/scss/progressbar/_variables.scss +1 -1
- package/scss/radio/_layout.scss +10 -9
- package/scss/radio/_variables.scss +5 -4
- package/scss/rating/_variables.scss +1 -1
- package/scss/scheduler/_layout.scss +2 -2
- package/scss/scheduler/_variables.scss +1 -1
- package/scss/scrollview/_layout.scss +195 -0
- package/scss/scrollview/_theme.scss +91 -0
- package/scss/scrollview/_variables.scss +109 -0
- package/scss/scrollview/index.scss +26 -0
- package/scss/slider/_layout.scss +8 -8
- package/scss/slider/_theme.scss +4 -4
- package/scss/splitter/_variables.scss +5 -5
- package/scss/spreadsheet/_layout.scss +872 -0
- package/scss/spreadsheet/_theme.scss +254 -0
- package/scss/spreadsheet/_variables.scss +191 -0
- package/scss/spreadsheet/index.scss +41 -0
- package/scss/stepper/_layout.scss +10 -7
- package/scss/stepper/_theme.scss +4 -0
- package/scss/stepper/_variables.scss +9 -7
- package/scss/switch/_layout.scss +2 -2
- package/scss/table/_layout.scss +2 -2
- package/scss/taskboard/_layout.scss +7 -4
- package/scss/taskboard/_variables.scss +10 -9
- package/scss/timeline/_layout.scss +449 -0
- package/scss/timeline/_theme.scss +72 -0
- package/scss/timeline/_variables.scss +197 -0
- package/scss/timeline/index.scss +27 -0
- package/scss/timeselector/_layout.scss +4 -4
- package/scss/timeselector/_variables.scss +1 -1
- package/scss/tooltip/_layout.scss +6 -6
- package/scss/tooltip/_variables.scss +0 -2
- package/scss/treeview/_variables.scss +4 -4
- package/scss/typography/_layout.scss +17 -17
- package/scss/typography/_variables.scss +63 -63
- package/scss/upload/_layout.scss +1 -1
- package/scss/window/_layout.scss +1 -1
- package/scss/wizard/_layout.scss +1 -1
- package/scss/wizard/_variables.scss +2 -3
|
@@ -0,0 +1,254 @@
|
|
|
1
|
+
@use "../core/" as *;
|
|
2
|
+
@use "../core/mixins" as *;
|
|
3
|
+
@use "_variables.scss" as *;
|
|
4
|
+
@use "../list/_variables.scss"as *;
|
|
5
|
+
|
|
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
|
+
}
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
// Header
|
|
18
|
+
.k-spreadsheet .k-tabstrip-wrapper {}
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
// Quick access toolbar
|
|
22
|
+
.k-spreadsheet-quick-access-toolbar {}
|
|
23
|
+
|
|
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
|
+
}
|
|
35
|
+
|
|
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; }
|
|
45
|
+
|
|
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
|
+
}
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
// Cells
|
|
55
|
+
.k-spreadsheet-merged-cell {
|
|
56
|
+
background-color: var( --kendo-spreadsheet-bg, #{$kendo-spreadsheet-bg} );
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
|
|
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
|
+
|
|
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
|
+
}
|
|
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} );
|
|
85
|
+
}
|
|
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} );
|
|
89
|
+
}
|
|
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
|
+
}
|
|
100
|
+
|
|
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
|
+
}
|
|
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
|
+
}
|
|
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
|
+
}
|
|
118
|
+
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
|
|
122
|
+
|
|
123
|
+
|
|
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 {
|
|
137
|
+
@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} )
|
|
141
|
+
);
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
&.k-active {
|
|
145
|
+
@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} )
|
|
149
|
+
);
|
|
150
|
+
}
|
|
151
|
+
|
|
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
|
+
}
|
|
161
|
+
|
|
162
|
+
// Filter menu
|
|
163
|
+
.k-spreadsheet-filter-menu {
|
|
164
|
+
|
|
165
|
+
> .k-menu,
|
|
166
|
+
> .k-menu:not(.k-context-menu) {
|
|
167
|
+
|
|
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
|
+
);
|
|
174
|
+
}
|
|
175
|
+
}
|
|
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
|
+
|
|
182
|
+
|
|
183
|
+
|
|
184
|
+
|
|
185
|
+
.k-spreadsheet-popup {
|
|
186
|
+
|
|
187
|
+
// Buttons
|
|
188
|
+
.k-button {}
|
|
189
|
+
|
|
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
|
+
}
|
|
205
|
+
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
|
|
209
|
+
|
|
210
|
+
.k-spreadsheet-insert-image-dialog {
|
|
211
|
+
border-color: var( --kendo-spreadsheet-insert-image-dialog-preview-border, #{$kendo-spreadsheet-insert-image-dialog-preview-border} );
|
|
212
|
+
|
|
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} );
|
|
217
|
+
}
|
|
218
|
+
|
|
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} );
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
}
|
|
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} );
|
|
229
|
+
}
|
|
230
|
+
|
|
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} );
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
.k-spreadsheet-drawing-anchor-cell {
|
|
238
|
+
background: var( --kendo-spreadsheet-drawing-anchor-bg, #{$kendo-spreadsheet-drawing-anchor-bg} );
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
|
|
242
|
+
.k-rtl .k-spreadsheet,
|
|
243
|
+
.k-spreadsheet[dir="rtl"],
|
|
244
|
+
[dir="rtl"] .k-spreadsheet {
|
|
245
|
+
|
|
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
|
+
}
|
|
249
|
+
|
|
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
|
+
}
|
|
253
|
+
|
|
254
|
+
}
|
|
@@ -0,0 +1,191 @@
|
|
|
1
|
+
@use "sass:map";
|
|
2
|
+
@use "../core/" as *;
|
|
3
|
+
@use "../core/color-system" as *;
|
|
4
|
+
@use "../table/_variables.scss" as *;
|
|
5
|
+
@use "sass:color";
|
|
6
|
+
|
|
7
|
+
/// Width of the border around the spreadsheet.
|
|
8
|
+
/// @group spreadsheet
|
|
9
|
+
$kendo-spreadsheet-border-width: map-get( $kendo-spacing, hair ) !default;
|
|
10
|
+
/// Font family of the spreadsheet.
|
|
11
|
+
/// @group spreadsheet
|
|
12
|
+
$kendo-spreadsheet-font-family: var( --kendo-font-family, initial ) !default;
|
|
13
|
+
/// Font size of the spreadsheet.
|
|
14
|
+
/// @group spreadsheet
|
|
15
|
+
$kendo-spreadsheet-font-size: var( --kendo-font-size, initial ) !default;
|
|
16
|
+
/// Line height of the spreadsheet.
|
|
17
|
+
/// @group spreadsheet
|
|
18
|
+
$kendo-spreadsheet-line-height: var( --kendo-line-height, initial ) !default;
|
|
19
|
+
|
|
20
|
+
/// Horizontal padding of the spreadsheet popup menu.
|
|
21
|
+
/// @group spreadsheet
|
|
22
|
+
$kendo-spreadsheet-popup-menu-padding-x: map-get( $kendo-spacing, 3 ) !default;
|
|
23
|
+
/// Vertical padding of the spreadsheet popup menu.
|
|
24
|
+
/// @group spreadsheet
|
|
25
|
+
$kendo-spreadsheet-popup-menu-padding-y: $kendo-spreadsheet-popup-menu-padding-x !default;
|
|
26
|
+
|
|
27
|
+
/// Horizontal padding of the spreadsheet sheets bar.
|
|
28
|
+
/// @group spreadsheet
|
|
29
|
+
$kendo-spreadsheet-sheets-bar-padding-x: map-get( $kendo-spacing, 1 ) !default;
|
|
30
|
+
/// Vertical padding of the spreadsheet sheets bar.
|
|
31
|
+
/// @group spreadsheet
|
|
32
|
+
$kendo-spreadsheet-sheets-bar-padding-y: 0 !default;
|
|
33
|
+
|
|
34
|
+
/// Horizontal margin of the spreadsheet sheets remove.
|
|
35
|
+
/// @group spreadsheet
|
|
36
|
+
$kendo-spreadsheet-sheets-remove-inline-start: calc( map-get( $kendo-spacing, 2 ) * -1 ) !default;
|
|
37
|
+
/// Vertical margin of the spreadsheet sheets remove.
|
|
38
|
+
/// @group spreadsheet
|
|
39
|
+
$kendo-spreadsheet-sheets-remove-inline-end: map-get( $kendo-spacing, 2 ) !default;
|
|
40
|
+
|
|
41
|
+
/// Left padding of the spreadsheet sheets menu.
|
|
42
|
+
/// @group spreadsheet
|
|
43
|
+
$filter-menu-padding-left: calc( var( --kendo-icon-size, 1rem ) + 2 * var( --kendo-padding-y, #{$kendo-padding-y} ) );
|
|
44
|
+
|
|
45
|
+
/// Background color of the spreadsheet.
|
|
46
|
+
/// @group spreadsheet
|
|
47
|
+
$kendo-spreadsheet-bg: var( --kendo-component-bg, initial ) !default;
|
|
48
|
+
/// Text color of the spreadsheet.
|
|
49
|
+
/// @group spreadsheet
|
|
50
|
+
$kendo-spreadsheet-text: var( --kendo-component-text, initial ) !default;
|
|
51
|
+
/// Border color of the spreadsheet.
|
|
52
|
+
/// @group spreadsheet
|
|
53
|
+
$kendo-spreadsheet-border: var( --kendo-component-border, initial ) !default;
|
|
54
|
+
/// Primary border color of the spreadsheet.
|
|
55
|
+
/// @group spreadsheet
|
|
56
|
+
$kendo-spreadsheet-primary-border: get-theme-color-var( primary-100 ) !default;
|
|
57
|
+
/// Primary background color of the spreadsheet.
|
|
58
|
+
/// @group spreadsheet
|
|
59
|
+
$kendo-spreadsheet-primary-bg: get-theme-color-var( primary-100 ) !default;
|
|
60
|
+
|
|
61
|
+
/// Text color of the spreadsheet header.
|
|
62
|
+
/// @group spreadsheet
|
|
63
|
+
$kendo-spreadsheet-header-text: $kendo-table-header-text !default;
|
|
64
|
+
/// Background color of the spreadsheet header.
|
|
65
|
+
/// @group spreadsheet
|
|
66
|
+
$kendo-spreadsheet-header-bg: $kendo-table-header-bg !default;
|
|
67
|
+
/// Border color of the spreadsheet header.
|
|
68
|
+
/// @group spreadsheet
|
|
69
|
+
$kendo-spreadsheet-header-border: $kendo-table-header-border !default;
|
|
70
|
+
|
|
71
|
+
/// Selected text color of the spreadsheet.
|
|
72
|
+
/// @group spreadsheet
|
|
73
|
+
$kendo-spreadsheet-selected-text: get-theme-color-var( primary-160 ) !default;
|
|
74
|
+
/// Selected background color of the spreadsheet.
|
|
75
|
+
/// @group spreadsheet
|
|
76
|
+
$kendo-spreadsheet-selected-bg: get-theme-color-var( primary-30 ) !default;
|
|
77
|
+
/// Selected border color of the spreadsheet.
|
|
78
|
+
/// @group spreadsheet
|
|
79
|
+
$kendo-spreadsheet-selected-border: get-theme-color-var( primary-100 ) !default;
|
|
80
|
+
|
|
81
|
+
/// Text color of the spreadsheet filter button.
|
|
82
|
+
/// @group spreadsheet
|
|
83
|
+
$kendo-spreadsheet-filter-button-text: get-theme-color-var( neutral-160 ) !default;
|
|
84
|
+
/// Background color of the spreadsheet filter button.
|
|
85
|
+
/// @group spreadsheet
|
|
86
|
+
$kendo-spreadsheet-filter-button-bg: $white;
|
|
87
|
+
/// Border color of the spreadsheet filter button.
|
|
88
|
+
/// @group spreadsheet
|
|
89
|
+
$kendo-spreadsheet-filter-button-border: get-theme-color-var( neutral-110 ) !default;
|
|
90
|
+
|
|
91
|
+
/// Hover text color of the spreadsheet filter button.
|
|
92
|
+
/// @group spreadsheet
|
|
93
|
+
$kendo-spreadsheet-filter-button-hover-text: get-theme-color-var( neutral-190 ) !default;
|
|
94
|
+
/// Hover background color of the spreadsheet filter button.
|
|
95
|
+
/// @group spreadsheet
|
|
96
|
+
$kendo-spreadsheet-filter-button-hover-bg: get-theme-color-var( neutral-20 ) !default;
|
|
97
|
+
/// Hover border color of the spreadsheet filter button.
|
|
98
|
+
/// @group spreadsheet
|
|
99
|
+
$kendo-spreadsheet-filter-button-hover-border: get-theme-color-var( neutral-110 ) !default;
|
|
100
|
+
|
|
101
|
+
/// Active text color of the spreadsheet filter button.
|
|
102
|
+
/// @group spreadsheet
|
|
103
|
+
$kendo-spreadsheet-filter-button-active-text: get-theme-color-var( neutral-190 ) !default;
|
|
104
|
+
/// Active background color of the spreadsheet filter button.
|
|
105
|
+
/// @group spreadsheet
|
|
106
|
+
$kendo-spreadsheet-filter-button-active-bg: get-theme-color-var( neutral-30 ) !default;
|
|
107
|
+
/// Active border color of the spreadsheet filter button.
|
|
108
|
+
/// @group spreadsheet
|
|
109
|
+
$kendo-spreadsheet-filter-button-active-border: get-theme-color-var( neutral-110 ) !default;
|
|
110
|
+
|
|
111
|
+
/// Color of the spreadsheet menu icon.
|
|
112
|
+
/// @group spreadsheet
|
|
113
|
+
$kendo-spreadsheet-filter-menu-icon-color: get-theme-color-var( primary-100 ) !default;
|
|
114
|
+
|
|
115
|
+
/// Border color of the spreadsheet error.
|
|
116
|
+
/// @group spreadsheet
|
|
117
|
+
$kendo-spreadsheet-error-border: get-theme-color-var( error-190 ) !default;
|
|
118
|
+
|
|
119
|
+
/// Border style of the spreadsheet image dialog.
|
|
120
|
+
/// @group spreadsheet
|
|
121
|
+
$kendo-spreadsheet-insert-image-dialog-border-style: dashed !default;
|
|
122
|
+
/// Border width of the spreadsheet image dialog.
|
|
123
|
+
/// @group spreadsheet
|
|
124
|
+
$kendo-spreadsheet-insert-image-dialog-border-width: map-get( $kendo-spacing, thin ) !default;
|
|
125
|
+
/// Bottom margin of the spreadsheet image dialog.
|
|
126
|
+
/// @group spreadsheet
|
|
127
|
+
$kendo-spreadsheet-insert-image-dialog-text-margin-bottom: 30px !default;
|
|
128
|
+
/// Width of the spreadsheet image dialog preview.
|
|
129
|
+
/// @group spreadsheet
|
|
130
|
+
$kendo-spreadsheet-insert-image-dialog-preview-width: 355px !default;
|
|
131
|
+
/// Height of the spreadsheet image dialog preview.
|
|
132
|
+
/// @group spreadsheet
|
|
133
|
+
$kendo-spreadsheet-insert-image-dialog-preview-height: 230px !default;
|
|
134
|
+
/// Image of the spreadsheet image dialog preview.
|
|
135
|
+
/// @group spreadsheet
|
|
136
|
+
$kendo-spreadsheet-insert-image-dialog-preview-img: "image-fluent.png" !default;
|
|
137
|
+
/// Border of the spreadsheet image dialog preview.
|
|
138
|
+
/// @group spreadsheet
|
|
139
|
+
$kendo-spreadsheet-insert-image-dialog-preview-border: var( --kendo-component-border, initial ) !default;
|
|
140
|
+
/// Border radius of the spreadsheet image dialog preview.
|
|
141
|
+
/// @group spreadsheet
|
|
142
|
+
$kendo-spreadsheet-insert-image-dialog-preview-border-radius: var( --kendo-border-radius-md, initial ) !default;
|
|
143
|
+
/// Shadow of the spreadsheet image dialog preview.
|
|
144
|
+
/// @group spreadsheet
|
|
145
|
+
$kendo-spreadsheet-insert-image-dialog-preview-overlay-shadow: inset 0 0 0 2000px rgba(0, 0, 0, .5) !default;
|
|
146
|
+
/// Border radius of the spreadsheet image dialog preview overlay.
|
|
147
|
+
/// @group spreadsheet
|
|
148
|
+
$kendo-spreadsheet-insert-image-dialog-preview-overlay-border-radius: var( --kendo-border-radius-md, initial ) !default;
|
|
149
|
+
/// Hover text color of the spreadsheet image dialog preview.
|
|
150
|
+
/// @group spreadsheet
|
|
151
|
+
$kendo-spreadsheet-insert-image-dialog-overlay-hovered-text: var( --kendo-component-bg, initial ) !default;
|
|
152
|
+
|
|
153
|
+
/// Width of the spreadsheet drawing handle.
|
|
154
|
+
/// @group spreadsheet
|
|
155
|
+
$kendo-spreadsheet-drawing-handle-width: calc( map-get( $kendo-spacing, 1 ) + map-get( $kendo-spacing, thin ) ) !default;
|
|
156
|
+
/// Height of the spreadsheet drawing handle.
|
|
157
|
+
/// @group spreadsheet
|
|
158
|
+
$kendo-spreadsheet-drawing-handle-height: calc( map-get( $kendo-spacing, 1 ) + map-get( $kendo-spacing, thin ) ) !default;
|
|
159
|
+
/// Border style of the spreadsheet drawing handle.
|
|
160
|
+
/// @group spreadsheet
|
|
161
|
+
$kendo-spreadsheet-drawing-handle-border-style: solid !default;
|
|
162
|
+
/// Border width of the spreadsheet drawing handle.
|
|
163
|
+
/// @group spreadsheet
|
|
164
|
+
$kendo-spreadsheet-drawing-handle-border-width: map-get( $kendo-spacing, hair ) !default;
|
|
165
|
+
/// Border color of the spreadsheet drawing handle.
|
|
166
|
+
/// @group spreadsheet
|
|
167
|
+
$kendo-spreadsheet-drawing-handle-border-color: var( --kendo-selected-bg, initial ) !default;
|
|
168
|
+
/// Outline color of the spreadsheet drawing handle.
|
|
169
|
+
/// @group spreadsheet
|
|
170
|
+
$kendo-spreadsheet-drawing-handle-outline-color: get-theme-color-var( primary-100 ) !default;
|
|
171
|
+
/// Border color of the spreadsheet drawing handle.
|
|
172
|
+
/// @group spreadsheet
|
|
173
|
+
$kendo-spreadsheet-drawing-handle-bg: get-theme-color-var( primary-100 ) !default;
|
|
174
|
+
/// Border radius of the spreadsheet drawing handle.
|
|
175
|
+
/// @group spreadsheet
|
|
176
|
+
$kendo-spreadsheet-drawing-handle-border-radius: var( --kendo-border-radius-lg, initial ) !default;
|
|
177
|
+
|
|
178
|
+
/// Outline style of the spreadsheet drawing.
|
|
179
|
+
/// @group spreadsheet
|
|
180
|
+
$kendo-spreadsheet-drawing-outline-style: solid !default;
|
|
181
|
+
/// Outline width of the spreadsheet drawing.
|
|
182
|
+
/// @group spreadsheet
|
|
183
|
+
$kendo-spreadsheet-drawing-outline-width: map-get( $kendo-spacing, thin ) !default;
|
|
184
|
+
|
|
185
|
+
/// Bacground color of the spreadsheet drawing anchor.
|
|
186
|
+
/// @group spreadsheet
|
|
187
|
+
$kendo-spreadsheet-drawing-anchor-bg: $kendo-spreadsheet-selected-bg !default;
|
|
188
|
+
|
|
189
|
+
/// Image of the spreadsheet insert image dialog.
|
|
190
|
+
/// @group spreadsheet
|
|
191
|
+
$kendo-spreadsheet-insert-image-dialog-img: url( "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAAGQCAYAAAAjl1AKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMGVmMzZmZi04YmI1LTRlN2YtOTcwMS04OTU5ZTg1N2ZhY2MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDNDOTBDNUQ2OUJGMTFFOTkwMzY4RTI3NjZBQTdENkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDNDOTBDNUM2OUJGMTFFOTkwMzY4RTI3NjZBQTdENkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpjMmZmZjM0Mi05NjEyLTQwM2YtYWZhYS01MTE1ZjQ2NThmMWMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphYjlhMmUwMy1kNmIwLTY3NGMtODc4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" );
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
// Module meta
|
|
2
|
+
$_kendo-module-meta: (
|
|
3
|
+
name: "spreadsheet",
|
|
4
|
+
dependencies: (
|
|
5
|
+
"button",
|
|
6
|
+
"checkbox",
|
|
7
|
+
"radio",
|
|
8
|
+
"colorpicker",
|
|
9
|
+
"combobox",
|
|
10
|
+
"datetimepicker",
|
|
11
|
+
"dropdownlist",
|
|
12
|
+
"toolbar",
|
|
13
|
+
"upload",
|
|
14
|
+
"menu",
|
|
15
|
+
"forms",
|
|
16
|
+
"input",
|
|
17
|
+
"window",
|
|
18
|
+
"tabstrip",
|
|
19
|
+
"treeview",
|
|
20
|
+
"icon",
|
|
21
|
+
"list"
|
|
22
|
+
)
|
|
23
|
+
);
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
// Component
|
|
27
|
+
@forward "_variables.scss";
|
|
28
|
+
@use "_layout.scss" as *;
|
|
29
|
+
@use "_theme.scss" as *;
|
|
30
|
+
|
|
31
|
+
// Register
|
|
32
|
+
@use "../core/module-system/" as module;
|
|
33
|
+
@include module.register( $_kendo-module-meta... );
|
|
34
|
+
|
|
35
|
+
// Expose
|
|
36
|
+
@mixin styles() {
|
|
37
|
+
@include module.render( "spreadsheet" ) {
|
|
38
|
+
@include kendo-spreadsheet--layout();
|
|
39
|
+
@include kendo-spreadsheet--theme();
|
|
40
|
+
}
|
|
41
|
+
}
|
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
z-index: 1;
|
|
115
115
|
}
|
|
116
116
|
.k-step-label:only-child {
|
|
117
|
-
@include border-radius( calc((var( --kendo-stepper-indicator-height, #{$kendo-stepper-indicator-height} ) + 2 * var( --kendo-stepper-indicator-border-width, #{$kendo-stepper-indicator-border-width} )) / 2) );
|
|
117
|
+
@include border-radius( calc( (var( --kendo-stepper-indicator-height, #{$kendo-stepper-indicator-height} ) + 2 * var( --kendo-stepper-indicator-border-width, #{$kendo-stepper-indicator-border-width} )) / 2) );
|
|
118
118
|
padding-inline: var( --kendo-stepper-label-padding-x, #{$kendo-stepper-label-padding-x} );
|
|
119
119
|
padding-block: var( --kendo-stepper-label-padding-y, #{$kendo-stepper-label-padding-y} );
|
|
120
120
|
border-width: 0;
|
|
@@ -131,7 +131,7 @@
|
|
|
131
131
|
}
|
|
132
132
|
|
|
133
133
|
.k-step-current .k-step-label {
|
|
134
|
-
font-weight:
|
|
134
|
+
font-weight: var( --kendo-stepper-current-label-font-weight, #{$kendo-stepper-current-label-font-weight} );
|
|
135
135
|
}
|
|
136
136
|
|
|
137
137
|
|
|
@@ -145,7 +145,6 @@
|
|
|
145
145
|
|
|
146
146
|
.k-step-disabled,
|
|
147
147
|
.k-step.k-disabled {
|
|
148
|
-
opacity: 1;
|
|
149
148
|
pointer-events: none;
|
|
150
149
|
|
|
151
150
|
.k-step-link { cursor: default; }
|
|
@@ -153,6 +152,10 @@
|
|
|
153
152
|
.k-step-label-optional {
|
|
154
153
|
color: inherit;
|
|
155
154
|
}
|
|
155
|
+
|
|
156
|
+
.k-step-label {
|
|
157
|
+
font-weight: normal;
|
|
158
|
+
}
|
|
156
159
|
}
|
|
157
160
|
|
|
158
161
|
|
|
@@ -194,14 +197,14 @@
|
|
|
194
197
|
text-align: center;
|
|
195
198
|
}
|
|
196
199
|
.k-step-indicator + .k-step-label {
|
|
197
|
-
margin-top: if($kendo-stepper-indicator-focus-offset > 0, calc(8px - #{$kendo-stepper-indicator-focus-offset}), 8px);
|
|
200
|
+
margin-top: if($kendo-stepper-indicator-focus-offset > 0, calc( 8px - #{$kendo-stepper-indicator-focus-offset}), 8px);
|
|
198
201
|
}
|
|
199
202
|
|
|
200
203
|
// Progressbar
|
|
201
204
|
& ~ .k-progressbar {
|
|
202
205
|
width: 100%;
|
|
203
206
|
height: var( --kendo-stepper-progressbar-size, #{$kendo-stepper-progressbar-size} );
|
|
204
|
-
top: calc(((var( --kendo-stepper-indicator-height, #{$kendo-stepper-indicator-height} ) + 2 * #{$kendo-stepper-indicator-focus-size}) / 2) + #{$kendo-stepper-indicator-focus-size} / 2);
|
|
207
|
+
top: calc( ((var( --kendo-stepper-indicator-height, #{$kendo-stepper-indicator-height} ) + 2 * #{$kendo-stepper-indicator-focus-size}) / 2) + #{$kendo-stepper-indicator-focus-size} / 2);
|
|
205
208
|
}
|
|
206
209
|
}
|
|
207
210
|
|
|
@@ -210,7 +213,7 @@
|
|
|
210
213
|
flex-direction: column;
|
|
211
214
|
|
|
212
215
|
.k-step {
|
|
213
|
-
min-height: calc((var( --kendo-stepper-indicator-width, #{$kendo-stepper-indicator-width} ) + 2 * var( --kendo-stepper-indicator-border-width, #{$kendo-stepper-indicator-border-width} ) + 2 * #{$kendo-stepper-indicator-focus-size}) + 20px);
|
|
216
|
+
min-height: calc( (var( --kendo-stepper-indicator-width, #{$kendo-stepper-indicator-width} ) + 2 * var( --kendo-stepper-indicator-border-width, #{$kendo-stepper-indicator-border-width} ) + 2 * #{$kendo-stepper-indicator-focus-size}) + 20px);
|
|
214
217
|
}
|
|
215
218
|
|
|
216
219
|
// Label
|
|
@@ -227,7 +230,7 @@
|
|
|
227
230
|
width: var( --kendo-stepper-progressbar-size, #{$kendo-stepper-progressbar-size} );
|
|
228
231
|
height: 100%;
|
|
229
232
|
min-height: 20px;
|
|
230
|
-
inset-inline-start: calc((var( --kendo-stepper-indicator-width, #{$kendo-stepper-indicator-width} ) + 2 * var( --kendo-stepper-indicator-border-width, #{$kendo-stepper-indicator-border-width} ) + 2 * #{$kendo-stepper-indicator-focus-size}) / 2);
|
|
233
|
+
inset-inline-start: calc( (var( --kendo-stepper-indicator-width, #{$kendo-stepper-indicator-width} ) + 2 * var( --kendo-stepper-indicator-border-width, #{$kendo-stepper-indicator-border-width} ) + 2 * #{$kendo-stepper-indicator-focus-size}) / 2);
|
|
231
234
|
}
|
|
232
235
|
|
|
233
236
|
// Inline content
|
package/scss/stepper/_theme.scss
CHANGED
|
@@ -111,6 +111,10 @@
|
|
|
111
111
|
var( --kendo-stepper-indicator-done-disabled-border, #{$kendo-stepper-indicator-done-disabled-border} )
|
|
112
112
|
);
|
|
113
113
|
}
|
|
114
|
+
|
|
115
|
+
.k-step-label {
|
|
116
|
+
@include fill( $color: var( --kendo-stepper-label-disabled-text, #{$kendo-stepper-label-disabled-text} ) );
|
|
117
|
+
}
|
|
114
118
|
}
|
|
115
119
|
}
|
|
116
120
|
|
|
@@ -33,7 +33,7 @@ $kendo-stepper-label-margin-x: map-get( $kendo-spacing, 2 ) !default;
|
|
|
33
33
|
$kendo-stepper-label-padding-x: map-get( $kendo-spacing, 3 ) !default;
|
|
34
34
|
/// Vertical padding the stepper label.
|
|
35
35
|
/// @group stepper
|
|
36
|
-
$kendo-stepper-label-padding-y:
|
|
36
|
+
$kendo-stepper-label-padding-y: ( map-get( $kendo-spacing, 1 ) + map-get( $kendo-spacing, thin ) ) !default;
|
|
37
37
|
|
|
38
38
|
/// Horizontal padding the stepper content.
|
|
39
39
|
/// @group stepper
|
|
@@ -44,7 +44,7 @@ $kendo-stepper-inline-content-padding-y: map-get( $kendo-spacing, 3 ) !default;
|
|
|
44
44
|
|
|
45
45
|
/// Width of the stepper indicator.
|
|
46
46
|
/// @group stepper
|
|
47
|
-
$kendo-stepper-indicator-width:
|
|
47
|
+
$kendo-stepper-indicator-width: ( map-get( $kendo-spacing, 7 ) + map-get( $kendo-spacing, thin ) ) !default;
|
|
48
48
|
/// Height of the stepper indicator.
|
|
49
49
|
/// @group stepper
|
|
50
50
|
$kendo-stepper-indicator-height: $kendo-stepper-indicator-width !default;
|
|
@@ -63,7 +63,7 @@ $kendo-stepper-indicator-focus-border-width: $kendo-stepper-indicator-border-wid
|
|
|
63
63
|
$kendo-stepper-indicator-focus-size: map-get( $kendo-spacing, thin ) !default;
|
|
64
64
|
/// The focus offset of the stepper indicator.
|
|
65
65
|
/// @group stepper
|
|
66
|
-
$kendo-stepper-indicator-focus-offset:
|
|
66
|
+
$kendo-stepper-indicator-focus-offset: ( map-get( $kendo-spacing, thin ) + map-get( $kendo-spacing, hair ) ) !default;
|
|
67
67
|
/// The focus calculated offset of the stepper indicator.
|
|
68
68
|
/// @group stepper
|
|
69
69
|
$kendo-stepper-indicator-focus-calc-offset: calc( #{$kendo-stepper-indicator-focus-border-width} + #{$kendo-stepper-indicator-focus-offset} ) !default;
|
|
@@ -130,13 +130,13 @@ $kendo-stepper-indicator-done-disabled-border: var( --kendo-disabled-border, ini
|
|
|
130
130
|
|
|
131
131
|
/// The background color of the stepper current indicator.
|
|
132
132
|
/// @group stepper
|
|
133
|
-
$kendo-stepper-indicator-current-bg:
|
|
133
|
+
$kendo-stepper-indicator-current-bg: get-theme-color-var( primary-120 ) !default;
|
|
134
134
|
/// The text color of the stepper current indicator.
|
|
135
135
|
/// @group stepper
|
|
136
136
|
$kendo-stepper-indicator-current-text: $kendo-stepper-indicator-done-text !default;
|
|
137
137
|
/// The border color of the stepper current indicator.
|
|
138
138
|
/// @group stepper
|
|
139
|
-
$kendo-stepper-indicator-current-border: $kendo-stepper-indicator-
|
|
139
|
+
$kendo-stepper-indicator-current-border: $kendo-stepper-indicator-current-bg !default;
|
|
140
140
|
|
|
141
141
|
/// The Hover background color of the stepper current indicator.
|
|
142
142
|
/// @group stepper
|
|
@@ -172,7 +172,10 @@ $kendo-stepper-label-error-text: get-theme-color-var( error-190 ) !default;
|
|
|
172
172
|
$kendo-stepper-label-hover-text: $kendo-stepper-text !default;
|
|
173
173
|
/// The disabled text color of the stepper label.
|
|
174
174
|
/// @group stepper
|
|
175
|
-
$kendo-stepper-label-disabled-text: var( --kendo-
|
|
175
|
+
$kendo-stepper-label-disabled-text: var( --kendo-disabled-text, initial ) !default;
|
|
176
|
+
/// The disabled text color of the stepper label.
|
|
177
|
+
/// @group stepper
|
|
178
|
+
$kendo-stepper-current-label-font-weight: var( --kendo-font-weight-bold, bold ) !default;
|
|
176
179
|
|
|
177
180
|
/// The text color of the stepper optional label.
|
|
178
181
|
/// @group stepper
|
|
@@ -197,4 +200,3 @@ $kendo-stepper-content-transition-duration: 300ms !default;
|
|
|
197
200
|
/// The timing funtion of the stepper transition.
|
|
198
201
|
/// @group stepper
|
|
199
202
|
$kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !default;
|
|
200
|
-
|
package/scss/switch/_layout.scss
CHANGED
|
@@ -21,10 +21,10 @@
|
|
|
21
21
|
-webkit-tap-highlight-color: $rgba-transparent;
|
|
22
22
|
|
|
23
23
|
&.k-switch-on .k-switch-thumb-wrap {
|
|
24
|
-
inset-inline-start: calc( 100% -
|
|
24
|
+
inset-inline-start: calc( 100% - ( var( --INTERNAL--kendo-switch-thumb-width, auto ) / 2 ) - var( --INTERNAL--kendo-switch-thumb-offset, 0 ) );
|
|
25
25
|
}
|
|
26
26
|
&.k-switch-off .k-switch-thumb-wrap {
|
|
27
|
-
inset-inline-start: calc(
|
|
27
|
+
inset-inline-start: calc( ( var( --INTERNAL--kendo-switch-thumb-width, auto ) / 2 ) + var( --INTERNAL--kendo-switch-thumb-offset, 0 ) );
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
*,
|