@progress/kendo-theme-default 5.6.1-dev.6 → 5.6.1-dev.7

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.scss CHANGED
@@ -7966,7 +7966,7 @@ $kendo-button-font-size-md: $font-size-md !default;
7966
7966
  $kendo-button-line-height-md: $line-height-md !default;
7967
7967
 
7968
7968
  $kendo-button-padding-x-lg: map-get( $spacing, 3 ) !default;
7969
- $kendo-button-padding-y-lg: map-get( $spacing, 2 );
7969
+ $kendo-button-padding-y-lg: map-get( $spacing, 2 ) !default;
7970
7970
  $kendo-button-font-size-lg: $font-size-lg !default;
7971
7971
  $kendo-button-line-height-lg: $line-height-lg !default;
7972
7972
 
@@ -13250,6 +13250,12 @@ $tooltip-error-border: $tooltip-error-bg !default;
13250
13250
  align-items: center;
13251
13251
  }
13252
13252
 
13253
+ // Template item
13254
+ .k-toolbar-item:focus {
13255
+ text-decoration: none;
13256
+ outline: 0;
13257
+ }
13258
+
13253
13259
  }
13254
13260
 
13255
13261
 
@@ -13411,6 +13417,13 @@ $tooltip-error-border: $tooltip-error-bg !default;
13411
13417
  }
13412
13418
 
13413
13419
 
13420
+ // Template item
13421
+ .k-toolbar-item:focus,
13422
+ .k-toolbar-item.k-focus {
13423
+ @include box-shadow( $kendo-button-focus-shadow );
13424
+ }
13425
+
13426
+
13414
13427
  // Button group
13415
13428
  .k-button-group {}
13416
13429
 
@@ -16192,8 +16205,8 @@ $slider-disabled-opacity: null !default;
16192
16205
  left: auto;
16193
16206
  }
16194
16207
 
16195
- .k-button .k-i-arrow-e,
16196
- .k-button .k-i-arrow-w {
16208
+ .k-button-increase .k-icon,
16209
+ .k-button-decrease .k-icon {
16197
16210
  transform: scaleX(-1);
16198
16211
  }
16199
16212
  }
@@ -18394,7 +18407,7 @@ $colorgradient-contrast-spacer: ( $colorgradient-spacer / 1.5 ) !default;
18394
18407
  }
18395
18408
 
18396
18409
  // Needed for the double check icons
18397
- .k-i-check + .k-i-check {
18410
+ .k-icon + .k-icon {
18398
18411
  margin-left: -13px;
18399
18412
  }
18400
18413
  }
@@ -23249,7 +23262,8 @@ $kendo-notification-theme: notification-theme( $kendo-notification-theme-colors
23249
23262
  flex: none;
23250
23263
  }
23251
23264
 
23252
- > .k-i-close {
23265
+ > .k-i-close,
23266
+ > .k-i-x {
23253
23267
  margin-right: 0;
23254
23268
  margin-left: $notification-icon-spacing;
23255
23269
  flex: none;
@@ -23272,7 +23286,8 @@ $kendo-notification-theme: notification-theme( $kendo-notification-theme-colors
23272
23286
  margin-left: $notification-icon-spacing;
23273
23287
  }
23274
23288
 
23275
- > .k-i-close {
23289
+ > .k-i-close,
23290
+ > .k-i-x {
23276
23291
  margin-left: 0;
23277
23292
  margin-right: $notification-icon-spacing;
23278
23293
  }
@@ -23294,7 +23309,8 @@ $kendo-notification-theme: notification-theme( $kendo-notification-theme-colors
23294
23309
  );
23295
23310
  }
23296
23311
  .k-notification-wrap {
23297
- > .k-i-close {
23312
+ > .k-i-close,
23313
+ > .k-i-x {
23298
23314
  color: inherit;
23299
23315
  }
23300
23316
  }
@@ -24884,6 +24900,10 @@ $pager-dropdown-width: 5em !default;
24884
24900
  .k-rtl &,
24885
24901
  &[dir="rtl"],
24886
24902
  [dir="rtl"] & {
24903
+ .k-i-caret-alt-to-left,
24904
+ .k-i-caret-alt-to-right,
24905
+ .k-i-caret-alt-left,
24906
+ .k-i-caret-alt-right,
24887
24907
  .k-i-arrow-end-left,
24888
24908
  .k-i-arrow-60-left,
24889
24909
  .k-i-arrow-60-right,
@@ -28245,7 +28265,8 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
28245
28265
  border-radius: 50%;
28246
28266
  }
28247
28267
 
28248
- .k-i-reload {
28268
+ .k-i-reload,
28269
+ .k-i-arrow-rotate-cw {
28249
28270
  font-size: 1em;
28250
28271
  margin-right: .5em;
28251
28272
  }
@@ -29253,7 +29274,9 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
29253
29274
 
29254
29275
  .k-cell-inner > .k-link > .k-icon {
29255
29276
  &.k-i-sort-desc-sm,
29256
- &.k-i-sort-asc-sm {
29277
+ &.k-i-sort-asc-sm,
29278
+ &.k-i-sort-asc-small,
29279
+ &.k-i-sort-desc-small {
29257
29280
  vertical-align: text-top;
29258
29281
  margin-inline-start: $grid-sorted-icon-spacing;
29259
29282
  }
@@ -30241,6 +30264,8 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
30241
30264
 
30242
30265
  .k-i-sort-asc-sm,
30243
30266
  .k-i-sort-desc-sm,
30267
+ .k-i-sort-asc-small,
30268
+ .k-i-sort-desc-small,
30244
30269
  .k-sort-order {
30245
30270
  color: $grid-sorting-indicator-text;
30246
30271
  }
@@ -34890,7 +34915,8 @@ $editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex
34890
34915
  border-bottom-color: inherit;
34891
34916
  cursor: se-resize;
34892
34917
 
34893
- .k-i-arrow-45-down-right {
34918
+ .k-i-arrow-45-down-right,
34919
+ .k-i-caret-br {
34894
34920
  display: none;
34895
34921
  }
34896
34922
  }
@@ -38182,6 +38208,8 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
38182
38208
 
38183
38209
  .k-scheduler,
38184
38210
  &.k-scheduler {
38211
+ .k-i-caret-alt-left,
38212
+ .k-i-caret-alt-right,
38185
38213
  .k-i-arrow-60-left,
38186
38214
  .k-i-arrow-60-right,
38187
38215
  .k-current-time-arrow-right {
@@ -40060,6 +40088,9 @@ $timeline-event-min-height-calc: calc(2 * (#{$timeline-track-event-offset} - #{$
40060
40088
  // #region @import "../common/_index.scss"; -> packages/default/scss/common/_index.scss
40061
40089
  // File already imported_once. Skipping output.
40062
40090
  // #endregion
40091
+ // #region @import "../button/_variables.scss"; -> packages/default/scss/button/_variables.scss
40092
+ // File already imported_once. Skipping output.
40093
+ // #endregion
40063
40094
  // #region @import "../combobox/_index.scss"; -> packages/default/scss/combobox/_index.scss
40064
40095
  // File already imported_once. Skipping output.
40065
40096
  // #endregion
@@ -40075,6 +40106,12 @@ $timeline-event-min-height-calc: calc(2 * (#{$timeline-track-event-offset} - #{$
40075
40106
  // #region @import "../icons/_index.scss"; -> packages/default/scss/icons/_index.scss
40076
40107
  // File already imported_once. Skipping output.
40077
40108
  // #endregion
40109
+ // #region @import "../dropzone/_index.scss"; -> packages/default/scss/dropzone/_index.scss
40110
+ // File already imported_once. Skipping output.
40111
+ // #endregion
40112
+ // #region @import "../window/_index.scss"; -> packages/default/scss/window/_index.scss
40113
+ // File already imported_once. Skipping output.
40114
+ // #endregion
40078
40115
 
40079
40116
 
40080
40117
  // Component
@@ -40105,12 +40142,25 @@ $pdf-viewer-page-text: $component-text !default;
40105
40142
  $pdf-viewer-page-border: $component-border !default;
40106
40143
  $pdf-viewer-page-shadow: 0 0 ($pdf-viewer-page-spacing / 2) $pdf-viewer-page-border !default;
40107
40144
 
40108
- $pdf-viewer-search-dialog-padding: $toolbar-padding-x !default;
40145
+ $pdf-viewer-search-dialog-padding-x: $toolbar-padding-x !default;
40146
+ $pdf-viewer-search-dialog-padding-y: calc( #{$toolbar-padding-x} * 2 ) !default;
40109
40147
  $pdf-viewer-search-dialog-spacing: $toolbar-spacing !default;
40110
40148
 
40149
+ $pdf-viewer-search-panel-border-width: 1px !default;
40150
+ $pdf-viewer-search-panel-border-radius: 0 !default;
40151
+ $pdf-viewer-search-panel-bg: $component-bg !default;
40152
+ $pdf-viewer-search-panel-text: $component-text !default;
40153
+ $pdf-viewer-search-panel-border: $component-border !default;
40154
+ $pdf-viewer-search-panel-shadow: $window-shadow !default;
40155
+ $pdf-viewer-search-panel-matches-spacing: $padding-x-sm !default;
40156
+
40111
40157
  $pdf-viewer-selection-line-height: $line-height-sm !default;
40112
40158
 
40113
40159
  $pdf-viewer-search-highlight-bg: $body-text !default;
40160
+ $pdf-viewer-search-highlight-mark-bg: yellow !default;
40161
+
40162
+ $pdf-viewer-icon-text: $dropzone-icon-text !default;
40163
+ $pdf-viewer-icon-size: calc( #{$icon-size} * 3 ) !default;
40114
40164
 
40115
40165
  // #endregion
40116
40166
  // #region @import "_layout.scss"; -> packages/default/scss/pdf-viewer/_layout.scss
@@ -40120,6 +40170,7 @@ $pdf-viewer-search-highlight-bg: $body-text !default;
40120
40170
  border-width: $pdf-viewer-border-width;
40121
40171
  border-style: solid;
40122
40172
  box-sizing: border-box;
40173
+ position: relative;
40123
40174
  outline: 0;
40124
40175
  font-family: $pdf-viewer-font-family;
40125
40176
  font-size: $pdf-viewer-font-size;
@@ -40150,11 +40201,14 @@ $pdf-viewer-search-highlight-bg: $body-text !default;
40150
40201
 
40151
40202
 
40152
40203
  // Canvas
40153
- .k-list-scroller {
40204
+ .k-canvas {
40205
+ display: flex;
40206
+ flex-direction: column;
40154
40207
  flex: 1 1 auto;
40155
40208
  outline: none;
40156
40209
 
40157
- .k-enable-text-select {
40210
+ .k-enable-text-select,
40211
+ &.k-enable-text-select {
40158
40212
  -webkit-user-select: text;
40159
40213
  -moz-user-select: text;
40160
40214
  -ms-user-select: text;
@@ -40162,16 +40216,22 @@ $pdf-viewer-search-highlight-bg: $body-text !default;
40162
40216
  cursor: text;
40163
40217
  }
40164
40218
 
40165
- .k-enable-panning {
40219
+ .k-enable-panning,
40220
+ &.k-enable-panning {
40166
40221
  cursor: grab;
40167
40222
  }
40168
- .k-enable-panning span::selection {
40223
+ .k-enable-panning span::selection,
40224
+ &.k-enable-panning span::selection {
40169
40225
  background-color: transparent;
40170
40226
  }
40171
40227
  }
40172
40228
 
40173
40229
 
40174
- // Page
40230
+ // Pages
40231
+ .k-pdf-viewer-pages {
40232
+ flex: 1 1 auto;
40233
+ }
40234
+
40175
40235
  .k-page {
40176
40236
  position: relative;
40177
40237
  margin: $pdf-viewer-page-spacing auto;
@@ -40197,46 +40257,88 @@ $pdf-viewer-search-highlight-bg: $body-text !default;
40197
40257
  mark {
40198
40258
  color: transparent;
40199
40259
  }
40260
+
40261
+ .k-search-highlight-mark {
40262
+ color: transparent;
40263
+ }
40264
+ }
40265
+ }
40266
+
40267
+ .k-blank-page {
40268
+ margin: 0;
40269
+ display: flex;
40270
+ flex-flow: column nowrap;
40271
+ width: 100%;
40272
+ height: 100%;
40273
+ align-items: center;
40274
+ justify-content: center;
40275
+ background-color: inherit !important; // sass-lint:disable-line no-important
40276
+
40277
+ .k-upload,
40278
+ .k-dropzone,
40279
+ .k-dropzone-inner {
40280
+ border: 0;
40281
+ background: none;
40282
+ }
40283
+
40284
+ > .k-icon {
40285
+ font-size: $pdf-viewer-icon-size;
40200
40286
  }
40201
40287
  }
40288
+
40202
40289
  }
40203
40290
 
40204
40291
  // Search
40205
40292
  .k-pdf-viewer-search-dialog {
40206
- padding: $pdf-viewer-search-dialog-padding;
40293
+ padding: 0 !important; // sass-lint:disable-line no-important
40294
+ }
40207
40295
 
40208
- .k-search-container {
40209
- display: flex;
40210
- gap: $pdf-viewer-search-dialog-spacing;
40211
- flex-flow: row nowrap;
40212
- flex: 0 0 auto;
40213
- justify-content: flex-start;
40214
- align-items: center;
40296
+ .k-search-panel {
40297
+ padding: $pdf-viewer-search-dialog-padding-y $pdf-viewer-search-dialog-padding-x;
40298
+ display: flex;
40299
+ gap: $pdf-viewer-search-dialog-spacing;
40300
+ flex-flow: row nowrap;
40301
+ flex: 0 0 auto;
40302
+ justify-content: flex-start;
40303
+ align-items: center;
40215
40304
 
40216
- .k-search-dialog-draghandle {
40217
- cursor: move;
40218
- margin-left: 0;
40219
- }
40305
+ .k-search-dialog-draghandle {
40306
+ cursor: move;
40307
+ margin-left: 0;
40308
+ }
40220
40309
 
40221
- .k-textbox {
40222
- width: 10em;
40223
- flex: none;
40310
+ .k-textbox {
40311
+ width: 10em;
40312
+ flex: none;
40224
40313
 
40225
- .k-button {
40226
- border-width: 0;
40227
- }
40314
+ .k-button {
40315
+ border-width: 0;
40228
40316
  }
40317
+ }
40229
40318
 
40230
- .k-search-matches {
40231
- flex: 1 1 auto;
40232
- }
40319
+ .k-search-matches {
40320
+ display: inline-flex;
40321
+ gap: $pdf-viewer-search-panel-matches-spacing;
40233
40322
  }
40234
40323
  }
40235
40324
 
40325
+ .k-pdf-viewer-canvas > .k-search-panel {
40326
+ width: max-content;
40327
+ margin-top: calc( (#{$kendo-button-calc-size} + #{$pdf-viewer-search-panel-border-width} + ( 2 * #{$pdf-viewer-search-dialog-padding-y} )) * -1 );
40328
+ border-width: $pdf-viewer-search-panel-border-width;
40329
+ border-style: solid;
40330
+ border-radius: $pdf-viewer-search-panel-border-radius;
40331
+ z-index: 10;
40332
+ }
40333
+
40334
+ // Alias
40335
+ .k-search-container {
40336
+ @extend .k-search-panel !optional;
40337
+ }
40338
+
40236
40339
 
40237
40340
  // IE
40238
40341
  .k-ie .k-pdf-viewer-search-dialog {
40239
-
40240
40342
  .k-search-container > * + * {
40241
40343
  margin-left: $pdf-viewer-search-dialog-spacing;
40242
40344
  }
@@ -40288,12 +40390,33 @@ $pdf-viewer-search-highlight-bg: $body-text !default;
40288
40390
  @include box-shadow( $pdf-viewer-page-shadow );
40289
40391
  }
40290
40392
 
40393
+ .k-blank-page > .k-icon {
40394
+ @include fill( $color: $pdf-viewer-icon-text );
40395
+ }
40396
+
40291
40397
 
40292
40398
  // Search
40293
40399
  .k-search-highlight {
40294
40400
  background-color: $pdf-viewer-search-highlight-bg;
40295
40401
  }
40296
40402
 
40403
+ .k-search-highlight-mark {
40404
+ @include fill( $bg: $pdf-viewer-search-highlight-mark-bg );
40405
+ }
40406
+
40407
+ }
40408
+
40409
+ .k-pdf-viewer-canvas > .k-search-panel {
40410
+ @include fill(
40411
+ $pdf-viewer-search-panel-text,
40412
+ $pdf-viewer-search-panel-bg,
40413
+ $pdf-viewer-search-panel-border,
40414
+ );
40415
+ @include box-shadow( $pdf-viewer-search-panel-shadow );
40416
+ }
40417
+
40418
+ .k-search-container {
40419
+ @extend .k-search-panel !optional;
40297
40420
  }
40298
40421
 
40299
40422
  }
@@ -3,7 +3,7 @@
3
3
  "name": "Default Blue",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.6.1-dev.6",
6
+ "version": "5.6.1-dev.7",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Dataviz v4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.6.1-dev.6",
6
+ "version": "5.6.1-dev.7",
7
7
  "previewColors": [
8
8
  "#ff6358",
9
9
  "#ffd246",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Green",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.6.1-dev.6",
6
+ "version": "5.6.1-dev.7",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.6.1-dev.6",
6
+ "version": "5.6.1-dev.7",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#151515",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.6.1-dev.6",
6
+ "version": "5.6.1-dev.7",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Nordic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.6.1-dev.6",
6
+ "version": "5.6.1-dev.7",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#50686e",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Ocean Blue",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.6.1-dev.6",
6
+ "version": "5.6.1-dev.7",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Orange",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.6.1-dev.6",
6
+ "version": "5.6.1-dev.7",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Purple",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.6.1-dev.6",
6
+ "version": "5.6.1-dev.7",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Turquoise",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.6.1-dev.6",
6
+ "version": "5.6.1-dev.7",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Urban",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.6.1-dev.6",
6
+ "version": "5.6.1-dev.7",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e3eef4",
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": "5.6.1-dev.6",
4
+ "version": "5.6.1-dev.7",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -42,7 +42,7 @@
42
42
  "postpublish": "echo 'no postpublish for default theme'"
43
43
  },
44
44
  "devDependencies": {
45
- "sass-build": "^0.0.1"
45
+ "sass-build": "^1.0.0"
46
46
  },
47
- "gitHead": "0bb8ba8dbd98bdff0c5d8b8d862fa68d28365c1b"
47
+ "gitHead": "cdbab1b2ebcaadb86f256c2d8d9cb8ffe2fef23b"
48
48
  }
@@ -322,7 +322,8 @@
322
322
  border-radius: 50%;
323
323
  }
324
324
 
325
- .k-i-reload {
325
+ .k-i-reload,
326
+ .k-i-arrow-rotate-cw {
326
327
  font-size: 1em;
327
328
  margin-right: .5em;
328
329
  }
@@ -35,7 +35,7 @@ $kendo-button-font-size-md: $font-size-md !default;
35
35
  $kendo-button-line-height-md: $line-height-md !default;
36
36
 
37
37
  $kendo-button-padding-x-lg: map-get( $spacing, 3 ) !default;
38
- $kendo-button-padding-y-lg: map-get( $spacing, 2 );
38
+ $kendo-button-padding-y-lg: map-get( $spacing, 2 ) !default;
39
39
  $kendo-button-font-size-lg: $font-size-lg !default;
40
40
  $kendo-button-line-height-lg: $line-height-lg !default;
41
41
 
@@ -170,7 +170,7 @@
170
170
  }
171
171
 
172
172
  // Needed for the double check icons
173
- .k-i-check + .k-i-check {
173
+ .k-icon + .k-icon {
174
174
  margin-left: -13px;
175
175
  }
176
176
  }
@@ -298,7 +298,8 @@
298
298
  border-bottom-color: inherit;
299
299
  cursor: se-resize;
300
300
 
301
- .k-i-arrow-45-down-right {
301
+ .k-i-arrow-45-down-right,
302
+ .k-i-caret-br {
302
303
  display: none;
303
304
  }
304
305
  }
@@ -662,7 +662,9 @@
662
662
 
663
663
  .k-cell-inner > .k-link > .k-icon {
664
664
  &.k-i-sort-desc-sm,
665
- &.k-i-sort-asc-sm {
665
+ &.k-i-sort-asc-sm,
666
+ &.k-i-sort-asc-small,
667
+ &.k-i-sort-desc-small {
666
668
  vertical-align: text-top;
667
669
  margin-inline-start: $grid-sorted-icon-spacing;
668
670
  }
@@ -185,6 +185,8 @@
185
185
 
186
186
  .k-i-sort-asc-sm,
187
187
  .k-i-sort-desc-sm,
188
+ .k-i-sort-asc-small,
189
+ .k-i-sort-desc-small,
188
190
  .k-sort-order {
189
191
  color: $grid-sorting-indicator-text;
190
192
  }
@@ -51,7 +51,8 @@
51
51
  flex: none;
52
52
  }
53
53
 
54
- > .k-i-close {
54
+ > .k-i-close,
55
+ > .k-i-x {
55
56
  margin-right: 0;
56
57
  margin-left: $notification-icon-spacing;
57
58
  flex: none;
@@ -74,7 +75,8 @@
74
75
  margin-left: $notification-icon-spacing;
75
76
  }
76
77
 
77
- > .k-i-close {
78
+ > .k-i-close,
79
+ > .k-i-x {
78
80
  margin-left: 0;
79
81
  margin-right: $notification-icon-spacing;
80
82
  }
@@ -9,7 +9,8 @@
9
9
  );
10
10
  }
11
11
  .k-notification-wrap {
12
- > .k-i-close {
12
+ > .k-i-close,
13
+ > .k-i-x {
13
14
  color: inherit;
14
15
  }
15
16
  }
@@ -43,6 +43,10 @@
43
43
  .k-rtl &,
44
44
  &[dir="rtl"],
45
45
  [dir="rtl"] & {
46
+ .k-i-caret-alt-to-left,
47
+ .k-i-caret-alt-to-right,
48
+ .k-i-caret-alt-left,
49
+ .k-i-caret-alt-right,
46
50
  .k-i-arrow-end-left,
47
51
  .k-i-arrow-60-left,
48
52
  .k-i-arrow-60-right,
@@ -3,11 +3,14 @@
3
3
 
4
4
  // Dependencies
5
5
  @import "../common/_index.scss";
6
+ @import "../button/_variables.scss";
6
7
  @import "../combobox/_index.scss";
7
8
  @import "../toolbar/_index.scss";
8
9
  @import "../dialog/_index.scss";
9
10
  @import "../pager/_index.scss";
10
11
  @import "../icons/_index.scss";
12
+ @import "../dropzone/_index.scss";
13
+ @import "../window/_index.scss";
11
14
 
12
15
 
13
16
  // Component