@progress/kendo-theme-default 7.0.0-dev.0 → 7.0.1-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all.css +134 -4424
- package/dist/all.scss +60 -1227
- package/dist/meta/variables.json +1 -21
- package/lib/swatches/default-blue.json +1 -1
- package/lib/swatches/default-dataviz-v4.json +1 -1
- package/lib/swatches/default-green.json +1 -1
- package/lib/swatches/default-main-dark.json +1 -1
- package/lib/swatches/default-main.json +1 -1
- package/lib/swatches/default-nordic.json +1 -1
- package/lib/swatches/default-ocean-blue-a11y.json +1 -1
- package/lib/swatches/default-ocean-blue.json +1 -1
- package/lib/swatches/default-orange.json +1 -1
- package/lib/swatches/default-purple.json +1 -1
- package/lib/swatches/default-turquoise.json +1 -1
- package/lib/swatches/default-urban.json +1 -1
- package/package.json +5 -5
- package/scss/breadcrumb/_layout.scss +1 -2
- package/scss/colorgradient/_layout.scss +1 -3
- package/scss/drawer/_layout.scss +0 -1
- package/scss/editor/_layout.scss +3 -7
- package/scss/grid/_layout.scss +5 -10
- package/scss/grid/_theme.scss +3 -6
- package/scss/icons/_layout.scss +4 -4
- package/scss/input/_layout.scss +10 -10
- package/scss/map/_layout.scss +1 -2
- package/scss/panelbar/_layout.scss +1 -0
- package/scss/panelbar/_theme.scss +0 -2
- package/scss/pdf-viewer/_theme.scss +1 -2
- package/scss/pivotgrid/_layout.scss +3 -6
- package/scss/rating/_theme.scss +2 -8
- package/scss/scheduler/_layout.scss +2 -2
- package/scss/scrollview/_layout.scss +1 -2
- package/scss/spreadsheet/_layout.scss +2 -5
- package/scss/stepper/_layout.scss +2 -4
- package/scss/stepper/_theme.scss +1 -2
- package/scss/tabstrip/_layout.scss +1 -0
- package/scss/tilelayout/_layout.scss +1 -0
- package/scss/tooltip/_layout.scss +1 -2
- package/scss/treeview/_layout.scss +1 -4
- package/scss/upload/_layout.scss +1 -2
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-default",
|
|
3
3
|
"description": "SASS resources for the default Kendo UI theme",
|
|
4
|
-
"version": "7.0.
|
|
4
|
+
"version": "7.0.1-dev.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -49,9 +49,9 @@
|
|
|
49
49
|
"postpublish": "echo 'no postpublish for default theme'"
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
|
-
"@progress/kendo-
|
|
53
|
-
"@progress/kendo-theme-core": "7.0.
|
|
54
|
-
"@progress/kendo-theme-utils": "7.0.
|
|
52
|
+
"@progress/kendo-svg-icons": "2.0.0",
|
|
53
|
+
"@progress/kendo-theme-core": "7.0.1-dev.0",
|
|
54
|
+
"@progress/kendo-theme-utils": "7.0.1-dev.0"
|
|
55
55
|
},
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "4de7cb42982bac6acc43a0189fa3c267de7007ed"
|
|
57
57
|
}
|
|
@@ -167,14 +167,12 @@
|
|
|
167
167
|
align-items: center;
|
|
168
168
|
gap: k-math-div( $kendo-color-gradient-contrast-spacer, 2 );
|
|
169
169
|
|
|
170
|
-
.k-icon
|
|
171
|
-
.k-svg-icon {
|
|
170
|
+
.k-icon {
|
|
172
171
|
vertical-align: middle;
|
|
173
172
|
}
|
|
174
173
|
|
|
175
174
|
// Needed for the double check icons
|
|
176
175
|
.k-icon + .k-icon,
|
|
177
|
-
.k-svg-icon + .k-svg-icon,
|
|
178
176
|
.k-icon-wrapper-host + .k-icon-wrapper-host .k-icon {
|
|
179
177
|
margin-inline-start: -13px;
|
|
180
178
|
}
|
package/scss/drawer/_layout.scss
CHANGED
package/scss/editor/_layout.scss
CHANGED
|
@@ -139,13 +139,11 @@
|
|
|
139
139
|
flex-shrink: 0;
|
|
140
140
|
|
|
141
141
|
.k-editor-export {
|
|
142
|
-
.k-icon
|
|
143
|
-
.k-svg-icon {
|
|
142
|
+
.k-icon {
|
|
144
143
|
margin-right: $kendo-editor-export-tool-icon-margin-x;
|
|
145
144
|
}
|
|
146
145
|
|
|
147
146
|
.k-icon,
|
|
148
|
-
.k-svg-icon,
|
|
149
147
|
.k-export-tool-text {
|
|
150
148
|
vertical-align: middle;
|
|
151
149
|
}
|
|
@@ -384,8 +382,7 @@
|
|
|
384
382
|
flex: 1;
|
|
385
383
|
width: 100px; // fix width for Edge
|
|
386
384
|
}
|
|
387
|
-
.k-icon
|
|
388
|
-
.k-svg-icon {
|
|
385
|
+
.k-icon {
|
|
389
386
|
margin: 0;
|
|
390
387
|
position: static;
|
|
391
388
|
}
|
|
@@ -483,8 +480,7 @@
|
|
|
483
480
|
left: $kendo-input-padding-x;
|
|
484
481
|
top: $kendo-input-padding-y;
|
|
485
482
|
|
|
486
|
-
.k-icon
|
|
487
|
-
.k-svg-icon {
|
|
483
|
+
.k-icon {
|
|
488
484
|
position: static;
|
|
489
485
|
margin-top: 0;
|
|
490
486
|
}
|
package/scss/grid/_layout.scss
CHANGED
|
@@ -187,8 +187,7 @@
|
|
|
187
187
|
}
|
|
188
188
|
}
|
|
189
189
|
|
|
190
|
-
.k-cell-inner > .k-link > .k-sort-icon .k-icon
|
|
191
|
-
.k-cell-inner > .k-link > .k-sort-icon .k-svg-icon {
|
|
190
|
+
.k-cell-inner > .k-link > .k-sort-icon .k-icon {
|
|
192
191
|
display: flex;
|
|
193
192
|
}
|
|
194
193
|
|
|
@@ -278,8 +277,7 @@
|
|
|
278
277
|
text-overflow: clip;
|
|
279
278
|
}
|
|
280
279
|
|
|
281
|
-
.k-grouping-row .k-icon
|
|
282
|
-
.k-grouping-row .k-svg-icon {
|
|
280
|
+
.k-grouping-row .k-icon {
|
|
283
281
|
margin-inline-start: calc( #{k-math-div( $kendo-icon-size, 2 )} - #{$kendo-grid-cell-padding-x} );
|
|
284
282
|
margin-inline-end: k-math-div( $kendo-icon-size, 2 );
|
|
285
283
|
text-decoration: none;
|
|
@@ -301,7 +299,7 @@
|
|
|
301
299
|
text-align: center;
|
|
302
300
|
overflow: visible;
|
|
303
301
|
|
|
304
|
-
> .k-icon {
|
|
302
|
+
> .k-font-icon {
|
|
305
303
|
padding-block: $kendo-grid-cell-padding-y;
|
|
306
304
|
padding-inline: 0;
|
|
307
305
|
width: 100%;
|
|
@@ -972,8 +970,7 @@
|
|
|
972
970
|
}
|
|
973
971
|
}
|
|
974
972
|
|
|
975
|
-
.k-grouping-row .k-icon
|
|
976
|
-
.k-grouping-row .k-svg-icon {
|
|
973
|
+
.k-grouping-row .k-icon {
|
|
977
974
|
margin-inline-start: calc( #{k-math-div( $kendo-icon-size, 2 )} - #{$_cell-padding-x} );
|
|
978
975
|
}
|
|
979
976
|
|
|
@@ -985,8 +982,7 @@
|
|
|
985
982
|
.k-drag-cell {
|
|
986
983
|
padding: 0;
|
|
987
984
|
|
|
988
|
-
> .k-icon
|
|
989
|
-
> .k-svg-icon {
|
|
985
|
+
> .k-icon {
|
|
990
986
|
padding-block: $_cell-padding-y;
|
|
991
987
|
padding-inline: 0;
|
|
992
988
|
}
|
|
@@ -1313,7 +1309,6 @@
|
|
|
1313
1309
|
cursor: pointer;
|
|
1314
1310
|
|
|
1315
1311
|
> .k-icon,
|
|
1316
|
-
> .k-svg-icon,
|
|
1317
1312
|
> .k-expander-indicator {
|
|
1318
1313
|
margin-inline-end: $kendo-icon-spacing;
|
|
1319
1314
|
}
|
package/scss/grid/_theme.scss
CHANGED
|
@@ -113,16 +113,14 @@
|
|
|
113
113
|
.k-grid-filter,
|
|
114
114
|
.k-header-column-menu,
|
|
115
115
|
.k-grid-header-menu,
|
|
116
|
-
.k-hierarchy-cell .k-icon
|
|
117
|
-
.k-hierarchy-cell .k-svg-icon {
|
|
116
|
+
.k-hierarchy-cell .k-icon {
|
|
118
117
|
color: $kendo-grid-header-text;
|
|
119
118
|
}
|
|
120
119
|
|
|
121
120
|
.k-grouping-row {
|
|
122
121
|
background-color: $kendo-grid-grouping-row-bg;
|
|
123
122
|
|
|
124
|
-
.k-icon
|
|
125
|
-
.k-svg-icon {
|
|
123
|
+
.k-icon {
|
|
126
124
|
color: $kendo-grid-header-text;
|
|
127
125
|
}
|
|
128
126
|
|
|
@@ -194,8 +192,7 @@
|
|
|
194
192
|
.k-grid-filter,
|
|
195
193
|
.k-header-column-menu,
|
|
196
194
|
.k-grid-header-menu,
|
|
197
|
-
.k-hierarchy-cell .k-icon
|
|
198
|
-
.k-hierarchy-cell .k-svg-icon {
|
|
195
|
+
.k-hierarchy-cell .k-icon {
|
|
199
196
|
&:hover {
|
|
200
197
|
color: $kendo-button-hover-text;
|
|
201
198
|
background-color: $kendo-button-hover-bg;
|
package/scss/icons/_layout.scss
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
$ki-embed-font:
|
|
1
|
+
$ki-embed-font: false;
|
|
2
2
|
$ki-icon-size: $kendo-icon-size;
|
|
3
3
|
|
|
4
|
-
@import "@progress/kendo-
|
|
4
|
+
@import "@progress/kendo-svg-icons/scss/index.scss";
|
|
5
5
|
|
|
6
6
|
@mixin kendo-icon--layout-base() {
|
|
7
7
|
|
|
8
|
-
@include kendo-icon-styles();
|
|
8
|
+
@include kendo-svg-icon-styles();
|
|
9
9
|
|
|
10
10
|
// Icon wrap
|
|
11
11
|
.k-icon-wrap {
|
|
@@ -45,7 +45,7 @@ $ki-icon-size: $kendo-icon-size;
|
|
|
45
45
|
right: 0;
|
|
46
46
|
margin: 0 -.5em -.5em 0;
|
|
47
47
|
}
|
|
48
|
-
.k-
|
|
48
|
+
.k-icon.k-icon-modifier {
|
|
49
49
|
width: 1em;
|
|
50
50
|
height: 1em;
|
|
51
51
|
}
|
package/scss/input/_layout.scss
CHANGED
|
@@ -217,9 +217,7 @@
|
|
|
217
217
|
.k-input-validation-icon,
|
|
218
218
|
.k-input-loading-icon,
|
|
219
219
|
.k-input-prefix > .k-icon,
|
|
220
|
-
.k-input-
|
|
221
|
-
.k-input-suffix > .k-icon,
|
|
222
|
-
.k-input-suffix > .k-svg-icon {
|
|
220
|
+
.k-input-suffix > .k-icon {
|
|
223
221
|
flex: none;
|
|
224
222
|
align-self: center;
|
|
225
223
|
display: inline-flex;
|
|
@@ -229,6 +227,12 @@
|
|
|
229
227
|
box-sizing: content-box;
|
|
230
228
|
}
|
|
231
229
|
|
|
230
|
+
.k-input-loading-icon {
|
|
231
|
+
width: 1em;
|
|
232
|
+
height: 1em;
|
|
233
|
+
font-size: $kendo-icon-size;
|
|
234
|
+
}
|
|
235
|
+
|
|
232
236
|
// Input with SVG icon
|
|
233
237
|
.k-input-icon,
|
|
234
238
|
.k-input-validation-icon,
|
|
@@ -342,12 +346,10 @@
|
|
|
342
346
|
min-height: auto !important; // stylelint-disable-line declaration-no-important
|
|
343
347
|
}
|
|
344
348
|
}
|
|
345
|
-
.k-spinner-increase .k-icon
|
|
346
|
-
.k-spinner-increase .k-svg-icon {
|
|
349
|
+
.k-spinner-increase .k-icon {
|
|
347
350
|
bottom: if( $kendo-use-input-spinner-icon-offset, calc( -1 * #{$kendo-input-spinner-icon-offset}), auto );
|
|
348
351
|
}
|
|
349
|
-
.k-spinner-decrease .k-icon
|
|
350
|
-
.k-spinner-decrease .k-svg-icon {
|
|
352
|
+
.k-spinner-decrease .k-icon {
|
|
351
353
|
top: if( $kendo-use-input-spinner-icon-offset, calc( -1 * #{$kendo-input-spinner-icon-offset}), auto );
|
|
352
354
|
}
|
|
353
355
|
}
|
|
@@ -433,9 +435,7 @@
|
|
|
433
435
|
.k-input-loading-icon,
|
|
434
436
|
.k-clear-value,
|
|
435
437
|
.k-input-prefix > .k-icon,
|
|
436
|
-
.k-input-
|
|
437
|
-
.k-input-suffix > .k-icon,
|
|
438
|
-
.k-input-suffix > .k-svg-icon {
|
|
438
|
+
.k-input-suffix > .k-icon {
|
|
439
439
|
padding-block: $_padding-y;
|
|
440
440
|
padding-inline: $_padding-y;
|
|
441
441
|
box-sizing: content-box;
|
package/scss/map/_layout.scss
CHANGED
|
@@ -144,8 +144,7 @@
|
|
|
144
144
|
}
|
|
145
145
|
}
|
|
146
146
|
|
|
147
|
-
.k-pivotgrid-cell .k-icon
|
|
148
|
-
.k-pivotgrid-cell .k-svg-icon {
|
|
147
|
+
.k-pivotgrid-cell .k-icon {
|
|
149
148
|
cursor: pointer;
|
|
150
149
|
padding-inline-end: $kendo-pivotgrid-icon-spacing;
|
|
151
150
|
}
|
|
@@ -197,8 +196,7 @@
|
|
|
197
196
|
span {
|
|
198
197
|
writing-mode: vertical-rl;
|
|
199
198
|
}
|
|
200
|
-
.k-icon
|
|
201
|
-
.k-svg-icon {
|
|
199
|
+
.k-icon {
|
|
202
200
|
vertical-align: baseline;
|
|
203
201
|
}
|
|
204
202
|
}
|
|
@@ -355,8 +353,7 @@
|
|
|
355
353
|
flex-direction: row;
|
|
356
354
|
align-items: center;
|
|
357
355
|
|
|
358
|
-
.k-icon
|
|
359
|
-
.k-svg-icon {
|
|
356
|
+
.k-icon {
|
|
360
357
|
margin-right: k-map-get( $kendo-spacing, 2 );
|
|
361
358
|
}
|
|
362
359
|
.k-dropdown-list {
|
package/scss/rating/_theme.scss
CHANGED
|
@@ -8,17 +8,11 @@
|
|
|
8
8
|
|
|
9
9
|
.k-rating-item {
|
|
10
10
|
> .k-icon {
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
> .k-svg-icon {
|
|
14
|
-
filter: k-shadow-filter($kendo-rating-icon-focus-selected-shadow);
|
|
11
|
+
filter: drop-shadow( $kendo-rating-icon-focus-shadow );
|
|
15
12
|
}
|
|
16
13
|
|
|
17
14
|
&.k-selected > .k-icon {
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
&.k-selected > .k-svg-icon {
|
|
21
|
-
filter: k-shadow-filter($kendo-rating-icon-focus-selected-shadow);
|
|
15
|
+
filter: drop-shadow( $kendo-rating-icon-focus-selected-shadow );
|
|
22
16
|
}
|
|
23
17
|
}
|
|
24
18
|
}
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
line-height: $kendo-scheduler-line-height;
|
|
12
12
|
display: flex;
|
|
13
13
|
flex-direction: column;
|
|
14
|
+
position: relative;
|
|
14
15
|
-webkit-touch-callout: none;
|
|
15
16
|
-webkit-tap-highlight-color: $kendo-color-rgba-transparent;
|
|
16
17
|
|
|
@@ -527,8 +528,7 @@
|
|
|
527
528
|
position: absolute;
|
|
528
529
|
justify-content: center;
|
|
529
530
|
|
|
530
|
-
> .k-icon
|
|
531
|
-
> .k-svg-icon {
|
|
531
|
+
> .k-icon {
|
|
532
532
|
position: absolute;
|
|
533
533
|
top: 50%;
|
|
534
534
|
left: 50%;
|
|
@@ -63,8 +63,7 @@
|
|
|
63
63
|
gap: $kendo-spreadsheet-formula-bar-gap;
|
|
64
64
|
|
|
65
65
|
// move to legacy selector
|
|
66
|
-
> .k-icon
|
|
67
|
-
> .k-svg-icon {
|
|
66
|
+
> .k-icon {
|
|
68
67
|
padding-block: 0;
|
|
69
68
|
padding-inline: $kendo-padding-md-y;
|
|
70
69
|
box-sizing: content-box;
|
|
@@ -551,8 +550,7 @@
|
|
|
551
550
|
.k-link {
|
|
552
551
|
padding-left: calc( #{$kendo-icon-size} + #{2 * $kendo-padding-md-y} );
|
|
553
552
|
}
|
|
554
|
-
.k-icon
|
|
555
|
-
.k-svg-icon {
|
|
553
|
+
.k-icon {
|
|
556
554
|
margin-left: calc(-1 * ( #{$kendo-icon-size} + #{$kendo-padding-md-y} ) );
|
|
557
555
|
margin-right: $kendo-padding-md-y;
|
|
558
556
|
}
|
|
@@ -593,7 +591,6 @@
|
|
|
593
591
|
cursor: pointer;
|
|
594
592
|
|
|
595
593
|
> .k-icon,
|
|
596
|
-
> .k-svg-icon,
|
|
597
594
|
> .k-expander-indicator {
|
|
598
595
|
margin-right: $kendo-padding-md-y;
|
|
599
596
|
}
|
|
@@ -120,8 +120,7 @@
|
|
|
120
120
|
text-overflow: ellipsis;
|
|
121
121
|
overflow: hidden;
|
|
122
122
|
}
|
|
123
|
-
.k-step-label .k-icon
|
|
124
|
-
.k-step-label .k-svg-icon {
|
|
123
|
+
.k-step-label .k-icon {
|
|
125
124
|
margin-left: $kendo-icon-spacing;
|
|
126
125
|
}
|
|
127
126
|
|
|
@@ -251,8 +250,7 @@
|
|
|
251
250
|
.k-stepper[dir="rtl"] {
|
|
252
251
|
direction: rtl;
|
|
253
252
|
|
|
254
|
-
.k-step-label .k-icon
|
|
255
|
-
.k-step-label .k-svg-icon {
|
|
253
|
+
.k-step-label .k-icon {
|
|
256
254
|
margin-left: 0;
|
|
257
255
|
margin-right: $kendo-icon-spacing;
|
|
258
256
|
}
|
package/scss/stepper/_theme.scss
CHANGED
|
@@ -157,8 +157,7 @@
|
|
|
157
157
|
.k-step-label {
|
|
158
158
|
@include fill( $color: $kendo-stepper-label-text );
|
|
159
159
|
}
|
|
160
|
-
.k-step-success .k-step-label .k-icon
|
|
161
|
-
.k-step-success .k-step-label .k-svg-icon {
|
|
160
|
+
.k-step-success .k-step-label .k-icon {
|
|
162
161
|
@include fill( $color: $kendo-stepper-label-success-text );
|
|
163
162
|
}
|
|
164
163
|
|
|
@@ -80,8 +80,7 @@
|
|
|
80
80
|
align-items: center;
|
|
81
81
|
cursor: pointer;
|
|
82
82
|
}
|
|
83
|
-
.k-treeview-toggle .k-icon
|
|
84
|
-
.k-treeview-toggle .k-svg-icon {
|
|
83
|
+
.k-treeview-toggle .k-icon {
|
|
85
84
|
padding: $kendo-icon-padding;
|
|
86
85
|
box-sizing: content-box;
|
|
87
86
|
}
|
|
@@ -114,7 +113,6 @@
|
|
|
114
113
|
position: relative;
|
|
115
114
|
|
|
116
115
|
.k-icon,
|
|
117
|
-
.k-svg-icon,
|
|
118
116
|
.k-image,
|
|
119
117
|
.k-sprite {
|
|
120
118
|
margin-right: $kendo-icon-spacing;
|
|
@@ -161,7 +159,6 @@
|
|
|
161
159
|
.k-treeview-leaf,
|
|
162
160
|
.k-in {
|
|
163
161
|
.k-icon,
|
|
164
|
-
.k-svg-icon,
|
|
165
162
|
.k-image,
|
|
166
163
|
.k-sprite {
|
|
167
164
|
margin-right: 0;
|