@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
@@ -4,40 +4,42 @@ $kendo-signature-height: 108px !default;
4
4
  $kendo-signature-maximized-width: 750px !default;
5
5
  $kendo-signature-maximized-height: 252px !default;
6
6
 
7
- $kendo-signature-padding: map-get( $spacing, 2 ) !default;
8
- $kendo-signature-padding-sm: map-get( $spacing, 2 ) - map-get( $spacing, thin ) !default;
9
- $kendo-signature-padding-md: $kendo-signature-padding !default;
10
- $kendo-signature-padding-lg: map-get( $spacing, 2 ) + map-get( $spacing, thin ) !default;
7
+ $kendo-signature-padding-x: map-get( $spacing, 1 ) !default;
8
+ $kendo-signature-padding-x-sm: map-get( $spacing, thin ) !default;
9
+ $kendo-signature-padding-x-md: $kendo-signature-padding-x !default;
10
+ $kendo-signature-padding-x-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
11
+
12
+ $kendo-signature-padding-y: $kendo-signature-padding-x !default;
13
+ $kendo-signature-padding-y-sm: $kendo-signature-padding-x-sm !default;
14
+ $kendo-signature-padding-y-md: $kendo-signature-padding-y !default;
15
+ $kendo-signature-padding-y-lg: $kendo-signature-padding-x-lg !default;
11
16
 
12
17
  $kendo-signature-line-width: 1px !default;
13
18
  $kendo-signature-line-style: dashed !default;
14
19
  $kendo-signature-line-color: rgba( $info, .24 ) !default;
15
20
 
16
- $kendo-signature-line-size: calc( 100% - 2 * #{$kendo-signature-padding} ) !default;
17
- $kendo-signature-line-size-sm: calc( 100% - 2 * #{$kendo-signature-padding-sm} ) !default;
18
- $kendo-signature-line-size-md: calc( 100% - 2 * #{$kendo-signature-padding-md} ) !default;
19
- $kendo-signature-line-size-lg: calc( 100% - 2 * #{$kendo-signature-padding-lg} ) !default;
21
+ $kendo-signature-line-size: calc( 100% - 2 * #{$kendo-signature-padding-x} ) !default;
22
+ $kendo-signature-line-size-sm: calc( 100% - 2 * #{$kendo-signature-padding-x-sm} ) !default;
23
+ $kendo-signature-line-size-md: calc( 100% - 2 * #{$kendo-signature-padding-x-md} ) !default;
24
+ $kendo-signature-line-size-lg: calc( 100% - 2 * #{$kendo-signature-padding-x-lg} ) !default;
20
25
 
21
- $kendo-signature-line-bottom-offset: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding} ) !default;
22
- $kendo-signature-line-bottom-offset-sm: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding-sm} ) !default;
23
- $kendo-signature-line-bottom-offset-md: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding-md} ) !default;
24
- $kendo-signature-line-bottom-offset-lg: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding-lg} ) !default;
26
+ $kendo-signature-line-bottom-offset: 33% !default;
25
27
 
26
28
  $kendo-signature-sizes: (
27
29
  sm: (
28
- padding: $kendo-signature-padding-sm,
29
- line-size: $kendo-signature-line-size-sm,
30
- line-offset: $kendo-signature-line-bottom-offset-sm
30
+ padding-x: $kendo-signature-padding-x-sm,
31
+ padding-y: $kendo-signature-padding-y-sm,
32
+ line-size: $kendo-signature-line-size-sm
31
33
  ),
32
34
  md: (
33
- padding: $kendo-signature-padding-md,
34
- line-size: $kendo-signature-line-size-md,
35
- line-offset: $kendo-signature-line-bottom-offset-md
35
+ padding-x: $kendo-signature-padding-x-md,
36
+ padding-y: $kendo-signature-padding-y-md,
37
+ line-size: $kendo-signature-line-size-md
36
38
  ),
37
39
  lg: (
38
- padding: $kendo-signature-padding-lg,
39
- line-size: $kendo-signature-line-size-lg,
40
- line-offset: $kendo-signature-line-bottom-offset-lg
40
+ padding-x: $kendo-signature-padding-x-lg,
41
+ padding-y: $kendo-signature-padding-y-lg,
42
+ line-size: $kendo-signature-line-size-lg
41
43
  )
42
44
  ) !default;
43
45
 
@@ -22,7 +22,6 @@
22
22
  }
23
23
  }
24
24
 
25
- &.k-state-disabled,
26
25
  &.k-disabled {
27
26
  opacity: 1;
28
27
 
@@ -20,7 +20,6 @@
20
20
  .k-tabstrip-items .k-item {
21
21
  color: inherit;
22
22
  }
23
- .k-tabstrip-items .k-item.k-state-active::after,
24
23
  .k-tabstrip-items .k-item.k-active::after {
25
24
  border-color: $primary-contrast;
26
25
  }
@@ -43,7 +42,6 @@
43
42
  $toolbar-gradient
44
43
  );
45
44
 
46
- .k-tabstrip-items .k-item.k-state-active,
47
45
  .k-tabstrip-items .k-item.k-active {
48
46
  border-color: $secondary;
49
47
  }
@@ -165,7 +163,6 @@
165
163
  );
166
164
  box-shadow: inset 0 0 0 1px $kendo-button-border;
167
165
 
168
- &.k-state-active,
169
166
  &.k-active {
170
167
  @include fill(
171
168
  $kendo-button-active-text,
@@ -211,13 +208,11 @@
211
208
 
212
209
  .k-spreadsheet-has-image {
213
210
  &:hover,
214
- &.k-state-hovered,
215
211
  &.k-hover {
216
212
  box-shadow: $spreadsheet-insert-image-dialog-preview-overlay-shadow;
217
213
  }
218
214
 
219
215
  &:hover div,
220
- &.k-state-hovered div,
221
216
  &.k-hover div {
222
217
  color: $spreadsheet-insert-image-dialog-overlay-hovered-text;
223
218
  }
@@ -252,7 +247,6 @@
252
247
  .k-button {}
253
248
 
254
249
  .k-button:hover,
255
- .k-button.k-state-hover,
256
250
  .k-button.k-hover {
257
251
  @include fill(
258
252
  $kendo-list-item-hover-text,
@@ -260,9 +254,7 @@
260
254
  );
261
255
  }
262
256
  .k-button:active,
263
- .k-button.k-state-active,
264
257
  .k-button.k-active,
265
- .k-button.k-state-selected,
266
258
  .k-button.k-selected {
267
259
  @include fill(
268
260
  $kendo-list-item-selected-text,
@@ -10,12 +10,10 @@
10
10
  }
11
11
 
12
12
  .k-timeline-track-item:hover .k-timeline-circle::before,
13
- .k-timeline-track-item.k-state-hover .k-timeline-circle::before,
14
13
  .k-timeline-track-item.k-hover .k-timeline-circle::before {
15
14
  opacity: $kendo-flat-button-hover-opacity;
16
15
  }
17
16
 
18
- .k-timeline-track-item.k-state-focus .k-timeline-circle::before,
19
17
  .k-timeline-track-item.k-focus .k-timeline-circle::before {
20
18
  opacity: $kendo-flat-button-focus-opacity;
21
19
  }
@@ -28,7 +28,7 @@ $line-height-xs: 1 !default;
28
28
  $line-height-sm: 1.2 !default;
29
29
  $line-height-md: $line-height !default;
30
30
  $line-height-lg: 1.5 !default;
31
- $line-height-em: $line-height * 1em !default;
31
+ $line-height-em: calc( #{$line-height} * 1em ) !default;
32
32
 
33
33
 
34
34
  // Font weight