@progress/kendo-theme-material 5.6.1-dev.5 → 5.7.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.
Files changed (39) hide show
  1. package/dist/all.css +790 -1036
  2. package/dist/all.scss +410 -693
  3. package/lib/swatches/material-aqua-dark.json +1 -1
  4. package/lib/swatches/material-arctic.json +1 -1
  5. package/lib/swatches/material-burnt-teal.json +1 -1
  6. package/lib/swatches/material-dataviz-v4.json +1 -1
  7. package/lib/swatches/material-eggplant.json +1 -1
  8. package/lib/swatches/material-lime-dark.json +1 -1
  9. package/lib/swatches/material-lime.json +1 -1
  10. package/lib/swatches/material-main-dark.json +1 -1
  11. package/lib/swatches/material-main.json +1 -1
  12. package/lib/swatches/material-nova.json +1 -1
  13. package/lib/swatches/material-pacific-dark.json +1 -1
  14. package/lib/swatches/material-pacific.json +1 -1
  15. package/lib/swatches/material-sky-dark.json +1 -1
  16. package/lib/swatches/material-sky.json +1 -1
  17. package/lib/swatches/material-smoke.json +1 -1
  18. package/package.json +4 -4
  19. package/scss/badge/_variables.scss +70 -35
  20. package/scss/button/_layout.scss +1 -2
  21. package/scss/calendar/_theme.scss +0 -2
  22. package/scss/card/_variables.scss +0 -10
  23. package/scss/drawer/_theme.scss +2 -2
  24. package/scss/editor/_theme.scss +2 -3
  25. package/scss/floating-label/_theme.scss +0 -3
  26. package/scss/forms/_variables.scss +1 -1
  27. package/scss/grid/_theme.scss +6 -22
  28. package/scss/input/_layout.scss +2 -4
  29. package/scss/listview/_theme.scss +1 -2
  30. package/scss/pdf-viewer/_index.scss +3 -1
  31. package/scss/pdf-viewer/_variables.scss +14 -1
  32. package/scss/pivotgrid/_theme.scss +1 -2
  33. package/scss/popover/_variables.scss +0 -5
  34. package/scss/scheduler/_layout.scss +0 -1
  35. package/scss/signature/_variables.scss +23 -21
  36. package/scss/slider/_theme.scss +0 -1
  37. package/scss/spreadsheet/_theme.scss +0 -8
  38. package/scss/timeline/_layout.scss +0 -2
  39. package/scss/typography/_variables.scss +1 -1
@@ -3,7 +3,7 @@
3
3
  "name": "Material Aqua Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.6.1-dev.5",
6
+ "version": "5.7.0",
7
7
  "previewColors": [
8
8
  "#121212",
9
9
  "#212121",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Arctic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.6.1-dev.5",
6
+ "version": "5.7.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e0e0e0",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Burnt Teal",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.6.1-dev.5",
6
+ "version": "5.7.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e0e0e0",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Dataviz v4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.6.1-dev.5",
6
+ "version": "5.7.0",
7
7
  "previewColors": [
8
8
  "#3f51b5",
9
9
  "#2196f3",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Eggplant",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.6.1-dev.5",
6
+ "version": "5.7.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e0e0e0",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Lime Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.6.1-dev.5",
6
+ "version": "5.7.0",
7
7
  "previewColors": [
8
8
  "#121212",
9
9
  "#212121",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Lime",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.6.1-dev.5",
6
+ "version": "5.7.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e0e0e0",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.6.1-dev.5",
6
+ "version": "5.7.0",
7
7
  "previewColors": [
8
8
  "#121212",
9
9
  "#212121",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.6.1-dev.5",
6
+ "version": "5.7.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e0e0e0",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Nova",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.6.1-dev.5",
6
+ "version": "5.7.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e0e0e0",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Pacific Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.6.1-dev.5",
6
+ "version": "5.7.0",
7
7
  "previewColors": [
8
8
  "#121212",
9
9
  "#212121",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Pacific Light",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.6.1-dev.5",
6
+ "version": "5.7.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e0e0e0",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Sky Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.6.1-dev.5",
6
+ "version": "5.7.0",
7
7
  "previewColors": [
8
8
  "#121212",
9
9
  "#212121",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Sky",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.6.1-dev.5",
6
+ "version": "5.7.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e0e0e0",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Smoke",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.6.1-dev.5",
6
+ "version": "5.7.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e0e0e0",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-material",
3
3
  "description": "Material theme for Kendo UI",
4
- "version": "5.6.1-dev.5",
4
+ "version": "5.7.0",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -44,10 +44,10 @@
44
44
  "postpublish": "echo 'no postpublish for material theme'"
45
45
  },
46
46
  "dependencies": {
47
- "@progress/kendo-theme-default": "^5.6.1-dev.5"
47
+ "@progress/kendo-theme-default": "^5.7.0"
48
48
  },
49
49
  "devDependencies": {
50
- "sass-build": "^0.0.1"
50
+ "sass-build": "^1.0.0"
51
51
  },
52
- "gitHead": "511f6ad841f206d54703d5b33a96d7348ac411ba"
52
+ "gitHead": "5e316441f8406d4e3ef94f189ae71304cf7f6a15"
53
53
  }
@@ -1,36 +1,71 @@
1
1
  // Badge
2
- $badge-padding-x: $padding-y !default;
3
- $badge-padding-y: $badge-padding-x !default;
4
- $badge-border-width: 1px !default;
5
- $badge-border-radius: $kendo-border-radius-md !default;
6
- $badge-font-size: $font-size-sm !default;
7
- $badge-line-height: 1 !default;
8
-
9
- $badge-padding-x-sm: ( $badge-padding-x / 2 ) !default;
10
- $badge-padding-y-sm: ( $badge-padding-y / 2 ) !default;
11
- $badge-border-width-sm: $badge-border-width !default;
12
- $badge-border-radius-sm: $kendo-border-radius-sm !default;
13
- $badge-font-size-sm: $font-size-xs !default;
14
- $badge-line-height-sm: 1 !default;
15
-
16
- $badge-padding-x-lg: ( $badge-padding-x * 1.5 ) !default;
17
- $badge-padding-y-lg: ( $badge-padding-y * 1.5 ) !default;
18
- $badge-border-width-lg: $badge-border-width !default;
19
- $badge-border-radius-lg: $kendo-border-radius-lg !default;
20
- $badge-font-size-lg: $font-size !default;
21
- $badge-line-height-lg: 1 !default;
22
-
23
- $badge-fixed-size: 22px !default;
24
- $badge-calc-size: calc( #{$badge-line-height * 1em} + #{$badge-padding-y * 2} + #{$badge-border-width * 2} ) !default;
25
- $badge-size: if( $use-calc-badge-size, $badge-calc-size, $badge-fixed-size ) !default;
26
- $badge-dot-size: 10px !default;
27
-
28
- $badge-fixed-size-sm: 16px !default;
29
- $badge-calc-size-sm: calc( #{$badge-line-height-sm * 1em} + #{$badge-padding-y-sm * 2} + #{$badge-border-width-sm * 2} ) !default;
30
- $badge-size-sm: if( $use-calc-badge-size, $badge-calc-size-sm, $badge-fixed-size-sm ) !default;
31
- $badge-dot-size-sm: 6px !default;
32
-
33
- $badge-fixed-size-lg: 28px !default;
34
- $badge-calc-size-lg: calc( #{$badge-line-height-lg * 1em} + #{$badge-padding-y-lg * 2} + #{$badge-border-width-lg * 2} ) !default;
35
- $badge-size-lg: if( $use-calc-badge-size, $badge-calc-size-lg, $badge-fixed-size-lg ) !default;
36
- $badge-dot-size-lg: 12px !default;
2
+
3
+ /// Width of the border around the badge.
4
+ /// @group badge
5
+ $kendo-badge-border-width: 1px !default;
6
+
7
+ /// Border radius of the badge.
8
+ /// @group badge
9
+ $kendo-badge-border-radius: $kendo-border-radius-md !default;
10
+
11
+
12
+ /// Horizontal padding of the badge.
13
+ /// @group badge
14
+ $kendo-badge-padding-x: map-get( $spacing, 1 ) !default;
15
+ $kendo-badge-padding-x-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
16
+ $kendo-badge-padding-x-md: map-get( $spacing, 1 ) !default;
17
+ $kendo-badge-padding-x-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
18
+
19
+ /// Vertical padding of the badge.
20
+ /// @group badge
21
+ $kendo-badge-padding-y: map-get( $spacing, 1 ) !default;
22
+ $kendo-badge-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
23
+ $kendo-badge-padding-y-md: map-get( $spacing, 1 ) !default;
24
+ $kendo-badge-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
25
+
26
+ /// Font sizes of the badge.
27
+ /// @group badge
28
+ $kendo-badge-font-size: $font-size-xs !default;
29
+ $kendo-badge-font-size-sm: $font-size-xs !default;
30
+ $kendo-badge-font-size-md: $font-size-xs !default;
31
+ $kendo-badge-font-size-lg: $font-size-xs !default;
32
+
33
+ /// Line heights used along with $font-size.
34
+ /// @group badge
35
+ $kendo-badge-line-height: 1 !default;
36
+ $kendo-badge-line-height-sm: $kendo-badge-line-height !default;
37
+ $kendo-badge-line-height-md: $kendo-badge-line-height !default;
38
+ $kendo-badge-line-height-lg: $kendo-badge-line-height !default;
39
+
40
+ /// Badge min width used for circle badge.
41
+ /// @group badge
42
+ $kendo-badge-min-width: calc( #{$kendo-badge-line-height * 1em} + #{$kendo-badge-padding-y * 2} + #{$kendo-badge-border-width * 2}) !default;
43
+ $kendo-badge-min-width-sm: calc( #{$kendo-badge-line-height-sm * 1em} + #{$kendo-badge-padding-y-sm * 2} + #{$kendo-badge-border-width * 2} ) !default;
44
+ $kendo-badge-min-width-md: calc( #{$kendo-badge-line-height-md * 1em} + #{$kendo-badge-padding-y-md * 2} + #{$kendo-badge-border-width * 2} ) !default;
45
+ $kendo-badge-min-width-lg: calc( #{$kendo-badge-line-height-lg * 1em} + #{$kendo-badge-padding-y-lg * 2} + #{$kendo-badge-border-width * 2} ) !default;
46
+
47
+ /// Sizes map for the badge.
48
+ /// @group badge
49
+ $kendo-badge-sizes: (
50
+ sm: (
51
+ padding-x: $kendo-badge-padding-x-sm,
52
+ padding-y: $kendo-badge-padding-y-sm,
53
+ font-size: $kendo-badge-font-size-sm,
54
+ line-height: $kendo-badge-line-height-sm,
55
+ min-width: $kendo-badge-min-width-sm
56
+ ),
57
+ md: (
58
+ padding-x: $kendo-badge-padding-x-md,
59
+ padding-y: $kendo-badge-padding-y-md,
60
+ font-size: $kendo-badge-font-size-md,
61
+ line-height: $kendo-badge-line-height-md,
62
+ min-width: $kendo-badge-min-width-md
63
+ ),
64
+ lg: (
65
+ padding-x: $kendo-badge-padding-x-lg,
66
+ padding-y: $kendo-badge-padding-y-lg,
67
+ font-size: $kendo-badge-font-size-lg,
68
+ line-height: $kendo-badge-line-height-lg,
69
+ min-width: $kendo-badge-min-width-lg
70
+ )
71
+ ) !default;
@@ -17,8 +17,7 @@
17
17
 
18
18
  &:disabled,
19
19
  &[disabled],
20
- &.k-disabled,
21
- &.k-state-disabled {
20
+ &.k-disabled {
22
21
  opacity: 1;
23
22
  filter: none;
24
23
  }
@@ -4,7 +4,6 @@
4
4
 
5
5
  .k-calendar {
6
6
 
7
- .k-state-focused .k-link,
8
7
  .k-focus .k-link {
9
8
  @include fill(
10
9
  $calendar-cell-hover-text,
@@ -12,7 +11,6 @@
12
11
  $calendar-cell-hover-border
13
12
  );
14
13
  }
15
- .k-state-selected.k-state-focused .k-link,
16
14
  .k-selected.k-focus .k-link {
17
15
  @include fill(
18
16
  $calendar-cell-selected-text,
@@ -66,13 +66,3 @@ $card-deck-scroll-button-offset: ( $card-deck-gap / 2 ) !default;
66
66
 
67
67
  $card-callout-width: 20px !default;
68
68
  $card-callout-height: 20px !default;
69
-
70
- $card-callout-box-shadow-n: 2px -2px 2px 0 rgba(0, 0, 0, .04) !default;
71
- $card-callout-box-shadow-e: -1px -3px 1px -2px rgba(0, 0, 0, .2), 0 -2px 2px -2px rgba(0, 0, 0, .14), 1px -2px 2px -1px rgba(0, 0, 0, .12) !default;
72
- $card-callout-box-shadow-s: 2px -2px 2px 0 rgba(0, 0, 0, .2), 0 -2px 2px -3px rgba(0, 0, 0, .14), 1px -2px 2px -1px rgba(0, 0, 0, .12) !default;
73
- $card-callout-box-shadow-w: -1px -3px 1px -2px rgba(0, 0, 0, .2), 0 -2px 2px -2px rgba(0, 0, 0, .14), 1px -2px 2px -1px rgba(0, 0, 0, .12) !default;
74
-
75
- $card-focus-callout-box-shadow-n: null !default;
76
- $card-focus-callout-box-shadow-e: null !default;
77
- $card-focus-callout-box-shadow-s: null !default;
78
- $card-focus-callout-box-shadow-w: null !default;
@@ -1,16 +1,16 @@
1
1
  @import "~@progress/kendo-theme-default/scss/drawer/_theme.scss";
2
2
 
3
3
  @include exports( "drawer/theme/material" ) {
4
+
4
5
  .k-drawer-item {
5
- &.k-state-selected,
6
6
  &.k-selected {
7
7
 
8
8
  &:focus,
9
- &.k-state-focused,
10
9
  &.k-focus {
11
10
  background-color: $drawer-focused-bg;
12
11
  box-shadow: $drawer-focused-shadow;
13
12
  }
14
13
  }
15
14
  }
15
+
16
16
  }
@@ -42,9 +42,9 @@
42
42
  }
43
43
  }
44
44
 
45
- // Hover & Actve state
45
+ // Hover & Active state
46
46
  &:hover,
47
- &.k-state-active,
47
+ &.k-hover
48
48
  &.k-active {
49
49
  border-color: $panel-border;
50
50
  }
@@ -62,7 +62,6 @@
62
62
 
63
63
  // Insert table
64
64
  .k-ct-popup {
65
- .k-state-selected,
66
65
  .k-selected {
67
66
  @include fill( $selected-text, $selected-bg, $selected-border, none );
68
67
  }
@@ -8,9 +8,6 @@
8
8
 
9
9
  &.k-invalid + .k-label,
10
10
  .k-invalid + .k-label,
11
- &.k-state-invalid + .k-label,
12
- .k-state-invalid + .k-label,
13
- .k-invalid + .k-label,
14
11
  .ng-invalid.ng-touched + .k-label,
15
12
  .ng-invalid.ng-dirty + .k-label {
16
13
  @include fill( $color: $error );
@@ -3,7 +3,7 @@ $form-spacer: $padding-x * 2 !default;
3
3
 
4
4
  $form-font-size: $font-size !default;
5
5
  $form-line-height: $line-height !default;
6
- $form-line-height-em: $form-line-height * 1em !default;
6
+ $form-line-height-em: calc( #{$form-line-height} * 1em ) !default;
7
7
  $form-line-height-sm: $line-height-sm !default;
8
8
  $form-line-height-lg: $line-height-lg !default;
9
9
 
@@ -6,14 +6,11 @@
6
6
  .k-grid {
7
7
 
8
8
  // Selected state
9
- td.k-state-selected,
10
9
  td.k-selected,
11
- tr.k-state-selected,
12
10
  tr.k-selected {
13
11
  color: $grid-selected-text;
14
12
  background-color: $grid-selected-bg;
15
13
  }
16
- tr.k-state-selected > td,
17
14
  tr.k-selected > td {
18
15
  color: inherit;
19
16
  background-color: transparent;
@@ -21,14 +18,12 @@
21
18
 
22
19
  // Hover, Focused state
23
20
  table {
24
- >tr:not(.k-detail-row):hover,
25
- >tr:not(.k-detail-row).k-state-hover,
26
- >tr:not(.k-detail-row).k-hover,
27
- td.k-state-focused,
21
+ > tr:not(.k-detail-row):hover,
22
+ > tr:not(.k-detail-row).k-hover,
23
+ td:focus,
28
24
  td.k-focus,
29
- th.k-state-focused,
30
- th.k-focus,
31
25
  th:focus,
26
+ th.k-focus,
32
27
  .k-master-row > td:focus,
33
28
  .k-grouping-row > td:focus,
34
29
  .k-detail-row > td:focus,
@@ -38,7 +33,6 @@
38
33
  }
39
34
 
40
35
  tr:hover,
41
- tr.k-state-hover,
42
36
  tr.k-hover {
43
37
  .k-grid-header-sticky,
44
38
  .k-grid-footer-sticky {
@@ -47,9 +41,8 @@
47
41
  }
48
42
  }
49
43
 
50
- td.k-state-focused,
44
+ td:focus,
51
45
  td.k-focus,
52
- th.k-state-focused,
53
46
  th.k-focus,
54
47
  th:focus,
55
48
  .k-master-row > td:focus,
@@ -66,7 +59,6 @@
66
59
 
67
60
  }
68
61
  .k-grid-pager:focus,
69
- .k-grid-pager.k-state-focused,
70
62
  .k-grid-pager.k-focus {
71
63
  color: inherit;
72
64
  }
@@ -120,7 +112,6 @@
120
112
 
121
113
  .k-group-footer {
122
114
  &:hover td,
123
- &.k-state-hover td,
124
115
  &.k-hover td {
125
116
  color: inherit;
126
117
  @include fill( $bg: $grid-sticky-footer-hovered-bg );
@@ -171,15 +162,12 @@
171
162
  }
172
163
 
173
164
  &:focus,
174
- &.k-state-focus,
175
- &.k-focus,
176
- &.k-state-border-down {
165
+ &.k-focus {
177
166
  color: $grid-text;
178
167
  background-color: $grid-filter-button-focus;
179
168
  box-shadow: none;
180
169
  }
181
170
 
182
- &.k-state-active,
183
171
  &.k-active {
184
172
  color: $primary-contrast;
185
173
  background-color: $primary;
@@ -220,7 +208,6 @@
220
208
  }
221
209
 
222
210
  &:hover td,
223
- &.k-state-hover td,
224
211
  &.k-hover td {
225
212
  @include fill( $bg: $grid-sticky-footer-hovered-bg );
226
213
  }
@@ -253,7 +240,6 @@
253
240
  }
254
241
 
255
242
  .k-columnmenu-item {
256
- &.k-state-selected,
257
243
  &.k-selected {
258
244
  @include fill(
259
245
  $kendo-list-item-selected-text,
@@ -262,7 +248,6 @@
262
248
  }
263
249
  }
264
250
  .k-columnmenu-item:focus,
265
- .k-columnmenu-item.k-state-focus,
266
251
  .k-columnmenu-item.k-focus {
267
252
  background: $kendo-list-item-hover-bg;
268
253
  }
@@ -271,7 +256,6 @@
271
256
 
272
257
  .k-item {
273
258
  // Selected state
274
- &.k-state-selected,
275
259
  &.k-selected {
276
260
  background: $kendo-list-item-hover-bg;
277
261
  }
@@ -83,8 +83,7 @@
83
83
  pointer-events: none;
84
84
  }
85
85
 
86
- &.k-focus::after,
87
- &.k-state-focused::after {
86
+ &.k-focus::after {
88
87
  opacity: 1;
89
88
  transform: scaleX(1);
90
89
  }
@@ -102,8 +101,7 @@
102
101
  transform: none;
103
102
  }
104
103
 
105
- &.k-focus::after,
106
- &.k-state-focused::after {
104
+ &.k-focus::after {
107
105
  transform: none;
108
106
  }
109
107
  &:focus-within::after {
@@ -8,8 +8,7 @@
8
8
 
9
9
  // Listview content
10
10
  .k-listview-content {}
11
- .k-listview-content > .k-state-selected.k-state-focused,
12
- .k-listview-content > .k-selected.k-focused {
11
+ .k-listview-content > .k-selected.k-focus {
13
12
  background-color: rgba( contrast-wcag( $listview-bg ), .12 );
14
13
  }
15
14
 
@@ -3,12 +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";
11
-
12
+ @import "../dropzone/_index.scss";
13
+ @import "../window/_index.scss";
12
14
 
13
15
  // Component
14
16
  @import "_variables.scss";
@@ -24,9 +24,22 @@ $pdf-viewer-page-text: $component-text !default;
24
24
  $pdf-viewer-page-border: $component-border !default;
25
25
  $pdf-viewer-page-shadow: 0 0 ($pdf-viewer-page-spacing / 2) $pdf-viewer-page-border !default;
26
26
 
27
- $pdf-viewer-search-dialog-padding: $toolbar-padding-x !default;
27
+ $pdf-viewer-search-panel-border-width: 1px !default;
28
+ $pdf-viewer-search-panel-border-radius: map-get( $spacing, 1 ) !default;
29
+ $pdf-viewer-search-panel-bg: $component-bg !default;
30
+ $pdf-viewer-search-panel-text: $component-text !default;
31
+ $pdf-viewer-search-panel-border: $component-border !default;
32
+ $pdf-viewer-search-panel-shadow: $window-shadow !default;
33
+ $pdf-viewer-search-panel-matches-spacing: $padding-x-sm !default;
34
+
35
+ $pdf-viewer-search-dialog-padding-x: $toolbar-padding-x !default;
36
+ $pdf-viewer-search-dialog-padding-y: calc( #{$toolbar-padding-x} * 2 ) !default;
28
37
  $pdf-viewer-search-dialog-spacing: $toolbar-spacing !default;
29
38
 
30
39
  $pdf-viewer-selection-line-height: $line-height-sm !default;
31
40
 
32
41
  $pdf-viewer-search-highlight-bg: $body-text !default;
42
+ $pdf-viewer-search-highlight-mark-bg: yellow !default;
43
+
44
+ $pdf-viewer-icon-text: $dropzone-icon-text !default;
45
+ $pdf-viewer-icon-size: calc( #{$icon-size} * 3 ) !default;
@@ -3,9 +3,8 @@
3
3
  @include exports("pivotgrid/theme/material") {
4
4
 
5
5
  // Hover and Focus state have the same bg color
6
- .k-pivotgrid-cell.k-state-focus,
7
- .k-pivotgrid-cell.k-focus,
8
6
  .k-pivotgrid-cell:focus,
7
+ .k-pivotgrid-cell.k-focus,
9
8
  .k-master-row > .k-pivotgrid-cell:focus,
10
9
  .k-grouping-row > .k-pivotgrid-cell:focus,
11
10
  .k-detail-row > .k-pivotgrid-cell:focus,
@@ -29,8 +29,3 @@ $popover-callout-border-width: $popover-border-width !default;
29
29
  $popover-callout-border-style: $popover-border-style !default;
30
30
  $popover-callout-bg: $popover-bg !default;
31
31
  $popover-callout-border: $popover-border !default;
32
-
33
- $popover-callout-shadow-n: $card-callout-box-shadow-n !default;
34
- $popover-callout-shadow-e: $card-callout-box-shadow-e !default;
35
- $popover-callout-shadow-s: $card-callout-box-shadow-s !default;
36
- $popover-callout-shadow-w: $card-callout-box-shadow-w !default;
@@ -37,7 +37,6 @@
37
37
  kendo-scheduler .k-event,
38
38
  .k-event {
39
39
 
40
- &.k-state-selected,
41
40
  &.k-selected {
42
41
  &::before {
43
42
  display: block;