@progress/kendo-theme-default 6.1.1-dev.53 → 6.1.1-dev.66

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 (149) hide show
  1. package/dist/all.css +315 -209
  2. package/dist/all.scss +756 -378
  3. package/dist/meta/variables.json +16 -16
  4. package/lib/swatches/default-blue.json +1 -1
  5. package/lib/swatches/default-dataviz-v4.json +1 -1
  6. package/lib/swatches/default-green.json +1 -1
  7. package/lib/swatches/default-main-dark.json +1 -1
  8. package/lib/swatches/default-main.json +1 -1
  9. package/lib/swatches/default-nordic.json +1 -1
  10. package/lib/swatches/default-ocean-blue-a11y.json +1 -1
  11. package/lib/swatches/default-ocean-blue.json +1 -1
  12. package/lib/swatches/default-orange.json +1 -1
  13. package/lib/swatches/default-purple.json +1 -1
  14. package/lib/swatches/default-turquoise.json +1 -1
  15. package/lib/swatches/default-urban.json +1 -1
  16. package/package.json +4 -4
  17. package/scss/action-buttons/_index.scss +1 -0
  18. package/scss/action-sheet/_index.scss +1 -0
  19. package/scss/adaptive/_index.scss +1 -0
  20. package/scss/appbar/_index.scss +1 -0
  21. package/scss/autocomplete/_index.scss +1 -0
  22. package/scss/avatar/_index.scss +1 -0
  23. package/scss/badge/_index.scss +1 -0
  24. package/scss/bottom-navigation/_index.scss +1 -0
  25. package/scss/breadcrumb/_index.scss +1 -0
  26. package/scss/breadcrumb/_layout.scss +4 -23
  27. package/scss/button/_index.scss +1 -0
  28. package/scss/calendar/_index.scss +1 -0
  29. package/scss/captcha/_index.scss +1 -0
  30. package/scss/card/_index.scss +1 -0
  31. package/scss/chat/_index.scss +1 -0
  32. package/scss/checkbox/_index.scss +1 -0
  33. package/scss/chip/_index.scss +1 -0
  34. package/scss/color-preview/_index.scss +1 -0
  35. package/scss/coloreditor/_index.scss +1 -0
  36. package/scss/colorgradient/_index.scss +2 -0
  37. package/scss/colorgradient/_layout.scss +3 -1
  38. package/scss/colorpalette/_index.scss +1 -0
  39. package/scss/colorpicker/_index.scss +1 -0
  40. package/scss/combobox/_index.scss +1 -0
  41. package/scss/dataviz/_index.scss +1 -0
  42. package/scss/dateinput/_index.scss +1 -0
  43. package/scss/datepicker/_index.scss +1 -0
  44. package/scss/daterangepicker/_index.scss +1 -0
  45. package/scss/datetimepicker/_index.scss +1 -0
  46. package/scss/dialog/_index.scss +1 -0
  47. package/scss/draggable/_index.scss +1 -0
  48. package/scss/drawer/_index.scss +1 -0
  49. package/scss/dropdowngrid/_index.scss +1 -0
  50. package/scss/dropdownlist/_index.scss +1 -0
  51. package/scss/dropdowntree/_index.scss +1 -0
  52. package/scss/dropzone/_index.scss +1 -0
  53. package/scss/dropzone/_layout.scss +5 -0
  54. package/scss/editor/_index.scss +1 -0
  55. package/scss/editor/_layout.scss +7 -3
  56. package/scss/expansion-panel/_index.scss +1 -0
  57. package/scss/fab/_index.scss +1 -0
  58. package/scss/filemanager/_index.scss +1 -0
  59. package/scss/filemanager/_layout.scss +1 -3
  60. package/scss/filter/_index.scss +1 -0
  61. package/scss/floating-label/_index.scss +1 -0
  62. package/scss/forms/_index.scss +1 -0
  63. package/scss/gantt/_index.scss +1 -0
  64. package/scss/grid/_index.scss +1 -0
  65. package/scss/grid/_layout.scss +10 -5
  66. package/scss/grid/_theme.scss +6 -3
  67. package/scss/icons/_index.scss +1 -0
  68. package/scss/icons/_layout.scss +2 -2
  69. package/scss/imageeditor/_index.scss +1 -0
  70. package/scss/input/_index.scss +1 -0
  71. package/scss/input/_layout.scss +10 -4
  72. package/scss/list/_index.scss +1 -0
  73. package/scss/listbox/_index.scss +1 -0
  74. package/scss/listgroup/_index.scss +1 -0
  75. package/scss/listgroup/_layout.scss +4 -2
  76. package/scss/listview/_index.scss +1 -0
  77. package/scss/loader/_index.scss +2 -0
  78. package/scss/map/_index.scss +1 -0
  79. package/scss/map/_layout.scss +2 -1
  80. package/scss/maskedtextbox/_index.scss +1 -0
  81. package/scss/mediaplayer/_index.scss +1 -0
  82. package/scss/menu/_index.scss +1 -0
  83. package/scss/menu-button/_index.scss +1 -0
  84. package/scss/messagebox/_index.scss +1 -0
  85. package/scss/multiselect/_index.scss +1 -0
  86. package/scss/notification/_index.scss +1 -0
  87. package/scss/numerictextbox/_index.scss +1 -0
  88. package/scss/orgchart/_index.scss +2 -0
  89. package/scss/overlay/_index.scss +1 -0
  90. package/scss/pager/_index.scss +1 -0
  91. package/scss/panelbar/_index.scss +1 -0
  92. package/scss/panelbar/_theme.scss +2 -0
  93. package/scss/pdf-viewer/_index.scss +1 -0
  94. package/scss/pdf-viewer/_layout.scss +4 -0
  95. package/scss/pdf-viewer/_theme.scss +2 -1
  96. package/scss/pivotgrid/_index.scss +1 -0
  97. package/scss/pivotgrid/_layout.scss +7 -3
  98. package/scss/popover/_index.scss +1 -0
  99. package/scss/popup/_index.scss +1 -0
  100. package/scss/progressbar/_index.scss +1 -0
  101. package/scss/radio/_index.scss +1 -0
  102. package/scss/rating/_index.scss +1 -0
  103. package/scss/rating/_layout.scss +4 -0
  104. package/scss/rating/_theme.scss +6 -0
  105. package/scss/responsivepanel/_index.scss +1 -0
  106. package/scss/ripple/_index.scss +1 -0
  107. package/scss/scheduler/_index.scss +1 -0
  108. package/scss/scheduler/_layout.scss +4 -2
  109. package/scss/scroller/_index.scss +1 -0
  110. package/scss/scrollview/_index.scss +1 -0
  111. package/scss/scrollview/_layout.scss +7 -1
  112. package/scss/searchbox/_index.scss +1 -0
  113. package/scss/signature/_index.scss +3 -0
  114. package/scss/skeleton/_index.scss +1 -0
  115. package/scss/slider/_index.scss +1 -0
  116. package/scss/slider/_layout.scss +3 -1
  117. package/scss/split-button/_index.scss +1 -0
  118. package/scss/splitter/_index.scss +1 -0
  119. package/scss/splitter/_layout.scss +4 -0
  120. package/scss/spreadsheet/_index.scss +1 -0
  121. package/scss/spreadsheet/_layout.scss +8 -2
  122. package/scss/stepper/_index.scss +1 -0
  123. package/scss/stepper/_layout.scss +7 -2
  124. package/scss/stepper/_theme.scss +2 -1
  125. package/scss/switch/_index.scss +1 -0
  126. package/scss/table/_index.scss +1 -0
  127. package/scss/tabstrip/_index.scss +1 -0
  128. package/scss/tabstrip/_layout.scss +2 -2
  129. package/scss/taskboard/_index.scss +1 -0
  130. package/scss/textarea/_index.scss +1 -0
  131. package/scss/textbox/_index.scss +1 -0
  132. package/scss/tilelayout/_index.scss +1 -0
  133. package/scss/timedurationpicker/_index.scss +1 -0
  134. package/scss/timeline/_index.scss +1 -0
  135. package/scss/timepicker/_index.scss +1 -0
  136. package/scss/timeselector/_index.scss +1 -0
  137. package/scss/toolbar/_index.scss +1 -0
  138. package/scss/tooltip/_index.scss +1 -0
  139. package/scss/tooltip/_layout.scss +2 -1
  140. package/scss/treelist/_index.scss +1 -0
  141. package/scss/treeview/_index.scss +1 -0
  142. package/scss/treeview/_layout.scss +2 -0
  143. package/scss/typography/_index.scss +1 -0
  144. package/scss/upload/_index.scss +1 -0
  145. package/scss/upload/_layout.scss +2 -1
  146. package/scss/validator/_index.scss +1 -0
  147. package/scss/virtual-scroller/_index.scss +1 -0
  148. package/scss/window/_index.scss +1 -0
  149. package/scss/wizard/_index.scss +1 -0
@@ -139,11 +139,13 @@
139
139
  flex-shrink: 0;
140
140
 
141
141
  .k-editor-export {
142
- .k-icon {
142
+ .k-icon,
143
+ .k-svg-icon {
143
144
  margin-right: $kendo-editor-export-tool-icon-margin-x;
144
145
  }
145
146
 
146
147
  .k-icon,
148
+ .k-svg-icon,
147
149
  .k-export-tool-text {
148
150
  vertical-align: middle;
149
151
  }
@@ -384,7 +386,8 @@
384
386
  flex: 1;
385
387
  width: 100px; // fix width for Edge
386
388
  }
387
- .k-icon {
389
+ .k-icon,
390
+ .k-svg-icon {
388
391
  margin: 0;
389
392
  position: static;
390
393
  }
@@ -482,7 +485,8 @@
482
485
  left: $kendo-input-padding-x;
483
486
  top: $kendo-input-padding-y;
484
487
 
485
- .k-icon {
488
+ .k-icon,
489
+ .k-svg-icon {
486
490
  position: static;
487
491
  margin-top: 0;
488
492
  }
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -234,9 +234,7 @@
234
234
  display: flex;
235
235
  flex-direction: row;
236
236
  align-items: center;
237
- }
238
- .k-filemanager-drag-hint .k-icon {
239
- margin-right: $kendo-icon-spacing;
237
+ gap: $kendo-icon-spacing;
240
238
  }
241
239
 
242
240
  }
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies // TODO: extract variables
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -189,7 +189,8 @@
189
189
  }
190
190
  }
191
191
 
192
- .k-cell-inner > .k-link > .k-sort-icon .k-icon {
192
+ .k-cell-inner > .k-link > .k-sort-icon .k-icon,
193
+ .k-cell-inner > .k-link > .k-sort-icon .k-svg-icon {
193
194
  display: flex;
194
195
  }
195
196
 
@@ -279,7 +280,8 @@
279
280
  text-overflow: clip;
280
281
  }
281
282
 
282
- .k-grouping-row .k-icon {
283
+ .k-grouping-row .k-icon,
284
+ .k-grouping-row .k-svg-icon {
283
285
  margin-inline-start: calc( #{k-math-div( $kendo-icon-size, 2 )} - #{$kendo-grid-cell-padding-x} );
284
286
  margin-inline-end: k-math-div( $kendo-icon-size, 2 );
285
287
  text-decoration: none;
@@ -956,7 +958,8 @@
956
958
  }
957
959
  }
958
960
 
959
- .k-grouping-row .k-icon {
961
+ .k-grouping-row .k-icon,
962
+ .k-grouping-row .k-svg-icon {
960
963
  margin-inline-start: calc( #{k-math-div( $kendo-icon-size, 2 )} - #{$_cell-padding-x} );
961
964
  }
962
965
 
@@ -968,7 +971,8 @@
968
971
  .k-drag-cell {
969
972
  padding: 0;
970
973
 
971
- > .k-icon {
974
+ > .k-icon,
975
+ > .k-svg-icon {
972
976
  padding-block: $_cell-padding-y;
973
977
  padding-inline: 0;
974
978
  }
@@ -1249,7 +1253,8 @@
1249
1253
  outline: 0;
1250
1254
  cursor: pointer;
1251
1255
 
1252
- > .k-icon {
1256
+ > .k-icon,
1257
+ > .k-svg-icon {
1253
1258
  margin-inline-end: $kendo-icon-spacing;
1254
1259
  }
1255
1260
  }
@@ -113,14 +113,16 @@
113
113
  .k-grid-filter,
114
114
  .k-header-column-menu,
115
115
  .k-grid-header-menu,
116
- .k-hierarchy-cell .k-icon {
116
+ .k-hierarchy-cell .k-icon,
117
+ .k-hierarchy-cell .k-svg-icon {
117
118
  color: $kendo-grid-header-text;
118
119
  }
119
120
 
120
121
  .k-grouping-row {
121
122
  background-color: $kendo-grid-grouping-row-bg;
122
123
 
123
- .k-icon {
124
+ .k-icon,
125
+ .k-svg-icon {
124
126
  color: $kendo-grid-header-text;
125
127
  }
126
128
 
@@ -192,7 +194,8 @@
192
194
  .k-grid-filter,
193
195
  .k-header-column-menu,
194
196
  .k-grid-header-menu,
195
- .k-hierarchy-cell .k-icon {
197
+ .k-hierarchy-cell .k-icon,
198
+ .k-hierarchy-cell .k-svg-icon {
196
199
  &:hover {
197
200
  color: $kendo-button-hover-text;
198
201
  background-color: $kendo-button-hover-bg;
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -60,9 +60,9 @@ $ki-icon-size: $kendo-icon-size;
60
60
  .k-rtl .k-i-indent-increase,
61
61
  .k-rtl .k-i-indent-decrease,
62
62
  .k-rtl .k-i-caret-alt-right,
63
- .k-rtl .k-i-caret-alt-down,
63
+ .k-rtl .k-i-caret-alt-left,
64
64
  [dir="rtl"] .k-i-caret-alt-right,
65
- [dir="rtl"] .k-i-caret-alt-down {
65
+ [dir="rtl"] .k-i-caret-alt-left {
66
66
  transform: scaleX(-1);
67
67
  }
68
68
 
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -217,7 +217,9 @@
217
217
  .k-input-validation-icon,
218
218
  .k-input-loading-icon,
219
219
  .k-input-prefix > .k-icon,
220
- .k-input-suffix > .k-icon {
220
+ .k-input-prefix > .k-svg-icon,
221
+ .k-input-suffix > .k-icon,
222
+ .k-input-suffix > .k-svg-icon {
221
223
  flex: none;
222
224
  align-self: center;
223
225
  display: inline-flex;
@@ -339,10 +341,12 @@
339
341
  min-height: auto !important; // sass-lint:disable-line no-important
340
342
  }
341
343
  }
342
- .k-spinner-increase .k-icon {
344
+ .k-spinner-increase .k-icon,
345
+ .k-spinner-increase .k-svg-icon {
343
346
  bottom: if( $kendo-use-input-spinner-icon-offset, calc( -1 * #{$kendo-input-spinner-icon-offset}), auto );
344
347
  }
345
- .k-spinner-decrease .k-icon {
348
+ .k-spinner-decrease .k-icon,
349
+ .k-spinner-decrease .k-svg-icon {
346
350
  top: if( $kendo-use-input-spinner-icon-offset, calc( -1 * #{$kendo-input-spinner-icon-offset}), auto );
347
351
  }
348
352
  }
@@ -429,7 +433,9 @@
429
433
  .k-input-loading-icon,
430
434
  .k-clear-value,
431
435
  .k-input-prefix > .k-icon,
432
- .k-input-suffix > .k-icon {
436
+ .k-input-prefix > .k-svg-icon,
437
+ .k-input-suffix > .k-icon,
438
+ .k-input-suffix > .k-svg-icon {
433
439
  width: $_icon-size;
434
440
  height: $_icon-size;
435
441
  }
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -160,7 +160,8 @@
160
160
  right: auto;
161
161
  left: 0;
162
162
 
163
- .k-icon {
163
+ .k-icon,
164
+ .k-svg-icon {
164
165
  transform: scaleX(-1);
165
166
  }
166
167
  }
@@ -179,7 +180,8 @@
179
180
  border-right-width: 1px;
180
181
  border-left-width: 0;
181
182
 
182
- .k-icon {
183
+ .k-icon,
184
+ .k-svg-icon {
183
185
  transform: scaleX(-1);
184
186
  }
185
187
  }
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,10 +1,12 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
5
6
  @import "../common/_index.scss";
6
7
  @import "../overlay/_index.scss";
7
8
 
9
+
8
10
  // Component
9
11
  @import "./_variables.scss";
10
12
  @import "./_layout.scss";
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -88,7 +88,8 @@
88
88
  box-shadow: none;
89
89
  position: absolute;
90
90
 
91
- .k-icon {
91
+ .k-icon,
92
+ .k-svg-icon {
92
93
  min-width: 0;
93
94
  min-height: 0;
94
95
  }
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -13,6 +14,7 @@
13
14
  @import "../card/_index.scss";
14
15
  @import "../window/_index.scss";
15
16
 
17
+
16
18
  // Component
17
19
  @import "./_variables.scss";
18
20
  @import "./_layout.scss";
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -31,6 +31,7 @@
31
31
  );
32
32
 
33
33
  .k-icon,
34
+ .k-svg-icon,
34
35
  .k-panelbar-item-icon {
35
36
  color: $kendo-panelbar-text;
36
37
  }
@@ -80,6 +81,7 @@
80
81
  );
81
82
 
82
83
  .k-icon,
84
+ .k-svg-icon,
83
85
  .k-panelbar-item-icon {
84
86
  color: inherit;
85
87
  }
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -116,6 +116,10 @@
116
116
  > .k-icon {
117
117
  font-size: $kendo-pdf-viewer-icon-size;
118
118
  }
119
+ > .k-svg-icon {
120
+ width: $kendo-pdf-viewer-icon-size;
121
+ height: $kendo-pdf-viewer-icon-size;
122
+ }
119
123
  }
120
124
 
121
125
  }
@@ -40,7 +40,8 @@
40
40
  @include box-shadow( $kendo-pdf-viewer-page-shadow );
41
41
  }
42
42
 
43
- .k-blank-page > .k-icon {
43
+ .k-blank-page > .k-icon,
44
+ .k-blank-page > .k-svg-icon {
44
45
  @include fill( $color: $kendo-pdf-viewer-icon-text );
45
46
  }
46
47
 
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -144,7 +144,8 @@
144
144
  }
145
145
  }
146
146
 
147
- .k-pivotgrid-cell .k-icon {
147
+ .k-pivotgrid-cell .k-icon,
148
+ .k-pivotgrid-cell .k-svg-icon {
148
149
  cursor: pointer;
149
150
  padding-inline-end: $kendo-pivotgrid-icon-spacing;
150
151
  }
@@ -201,7 +202,8 @@
201
202
  span {
202
203
  writing-mode: vertical-rl;
203
204
  }
204
- .k-icon {
205
+ .k-icon,
206
+ .k-svg-icon {
205
207
  vertical-align: baseline;
206
208
  }
207
209
  }
@@ -358,7 +360,8 @@
358
360
  flex-direction: row;
359
361
  align-items: center;
360
362
 
361
- .k-icon {
363
+ .k-icon,
364
+ .k-svg-icon {
362
365
  margin-right: k-map-get( $kendo-spacing, 2 );
363
366
  }
364
367
  .k-dropdown-list {
@@ -524,6 +527,7 @@
524
527
  }
525
528
 
526
529
  .k-pivot-layout > tbody,
530
+ .k-pivot .k-table-td,
527
531
  .k-pivot td {
528
532
  vertical-align: top;
529
533
  }
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -50,6 +50,10 @@
50
50
  .k-icon {
51
51
  font-size: $kendo-rating-icon-size;
52
52
  }
53
+ .k-svg-icon {
54
+ width: $kendo-rating-icon-size;
55
+ height: $kendo-rating-icon-size;
56
+ }
53
57
 
54
58
  .k-rating-precision-part,
55
59
  .k-rating-precision-complement {
@@ -10,10 +10,16 @@
10
10
  > .k-icon {
11
11
  text-shadow: $kendo-rating-icon-focus-shadow;
12
12
  }
13
+ > .k-svg-icon {
14
+ filter: drop-shadow( $kendo-rating-icon-focus-shadow );
15
+ }
13
16
 
14
17
  &.k-selected > .k-icon {
15
18
  text-shadow: $kendo-rating-icon-focus-selected-shadow;
16
19
  }
20
+ &.k-selected > .k-svg-icon {
21
+ filter: drop-shadow( $kendo-rating-icon-focus-selected-shadow );
22
+ }
17
23
  }
18
24
  }
19
25
  }
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -440,7 +440,8 @@
440
440
  }
441
441
  }
442
442
 
443
- .k-icon {
443
+ .k-icon,
444
+ .k-svg-icon {
444
445
  line-height: normal;
445
446
  font-size: inherit;
446
447
  }
@@ -545,7 +546,8 @@
545
546
  position: absolute;
546
547
  justify-content: center;
547
548
 
548
- > .k-icon {
549
+ > .k-icon,
550
+ > .k-svg-icon {
549
551
  position: absolute;
550
552
  top: 50%;
551
553
  left: 50%;
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies
@@ -1,4 +1,5 @@
1
1
  @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
2
3
 
3
4
 
4
5
  // Dependencies