@progress/kendo-theme-default 5.2.1-dev.2 → 5.2.1-dev.5

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 (33) hide show
  1. package/dist/all.css +90 -316
  2. package/dist/all.scss +66 -312
  3. package/dist/default-ocean-blue.scss +43 -0
  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.json +262 -0
  11. package/lib/swatches/default-orange.json +1 -1
  12. package/lib/swatches/default-purple.json +1 -1
  13. package/lib/swatches/default-turquoise.json +1 -1
  14. package/lib/swatches/default-urban.json +1 -1
  15. package/lib/swatches/index.js +1 -0
  16. package/package.json +2 -2
  17. package/scss/action-sheet/_layout.scss +0 -1
  18. package/scss/action-sheet/_theme.scss +6 -0
  19. package/scss/action-sheet/_variables.scss +2 -1
  20. package/scss/chip/_variables.scss +1 -1
  21. package/scss/colorgradient/_variables.scss +1 -1
  22. package/scss/dropdowngrid/_layout.scss +3 -199
  23. package/scss/dropdowngrid/_theme.scss +0 -85
  24. package/scss/dropzone/_variables.scss +1 -1
  25. package/scss/expansion-panel/_theme.scss +1 -1
  26. package/scss/expansion-panel/_variables.scss +1 -1
  27. package/scss/floating-label/_layout.scss +11 -6
  28. package/scss/forms/_layout.scss +1 -0
  29. package/scss/grid/_layout.scss +3 -1
  30. package/scss/input/_layout.scss +32 -11
  31. package/scss/input/_theme.scss +2 -0
  32. package/scss/popup/_layout.scss +0 -2
  33. package/scss/taskboard/_variables.scss +1 -1
package/scss/expansion-panel/_theme.scss CHANGED
@@ -37,6 +37,6 @@
37
37
  }
38
38
 
39
39
  .k-expander-sub-title {
40
- opacity: $expander-header-sub-title-opacity;
40
+ color: $expander-header-sub-title-text;
41
41
  }
42
42
  }
package/scss/expansion-panel/_variables.scss CHANGED
@@ -27,7 +27,7 @@ $expander-header-focused-shadow: $kendo-list-item-focus-shadow !default;
27
27
 
28
28
  $expander-title-text: $primary !default;
29
29
 
30
- $expander-header-sub-title-opacity: .5 !default;
30
+ $expander-header-sub-title-text: $subtle-text !default;
31
31
 
32
32
  $expander-content-padding-x: $padding-x * 2 !default;
33
33
  $expander-content-padding-y: $padding-y * 4 !default;
package/scss/floating-label/_layout.scss CHANGED
@@ -30,7 +30,6 @@
30
30
  cursor: text;
31
31
  transform-origin: left center;
32
32
  transition: transform $floating-label-transition, color $floating-label-transition, top $floating-label-transition, left $floating-label-transition;
33
- pointer-events: none;
34
33
  }
35
34
 
36
35
  > .k-widget {
@@ -38,17 +37,20 @@
38
37
  width: auto;
39
38
  }
40
39
 
41
- &.k-state-empty {
40
+ &.k-state-empty,
41
+ &.k-empty {
42
42
  > .k-label {
43
43
  top: $floating-label-offset-y;
44
44
  left: $floating-label-offset-x;
45
45
  transform: scale( $floating-label-scale );
46
+ pointer-events: none;
46
47
  }
47
48
  }
48
49
 
49
50
  > .k-label,
50
51
  // &:focus-within > .k-label,
51
- &.k-state-focused > .k-label {
52
+ &.k-state-focused > .k-label,
53
+ &.k-focus > .k-label {
52
54
  top: $floating-label-focus-offset-y;
53
55
  left: $floating-label-focus-offset-x;
54
56
  transform: scale( $floating-label-focus-scale );
@@ -69,9 +71,11 @@
69
71
 
70
72
  > .k-label {
71
73
  transform-origin: right center;
74
+ transition: transform $floating-label-transition, color $floating-label-transition, top $floating-label-transition, right $floating-label-transition;
72
75
  }
73
76
 
74
- &.k-state-empty {
77
+ &.k-state-empty,
78
+ &.k-empty {
75
79
  > .k-label {
76
80
  left: auto;
77
81
  right: $floating-label-offset-x;
@@ -80,11 +84,12 @@
80
84
 
81
85
  > .k-label,
82
86
  // &:focus-within > .k-label,
83
- &.k-state-focused > .k-label {
87
+ &.k-state-focused > .k-label,
88
+ &.k-focus > .k-label {
84
89
  left: auto;
85
90
  right: $floating-label-focus-offset-x;
86
91
  }
87
- &:focus-within {
92
+ &:focus-within > .k-label {
88
93
  left: auto;
89
94
  right: $floating-label-focus-offset-x;
90
95
  }
package/scss/forms/_layout.scss CHANGED
@@ -153,6 +153,7 @@
153
153
  @extend .k-actions;
154
154
  margin-top: 2 * $form-field-margin-top;
155
155
  padding: 0;
156
+ overflow: visible;
156
157
  }
157
158
 
158
159
  // Form Hint/Error Messages
package/scss/grid/_layout.scss CHANGED
@@ -655,7 +655,7 @@
655
655
  }
656
656
  }
657
657
 
658
- .k-header > .k-link > .k-icon {
658
+ .k-cell-inner > .k-link > .k-icon {
659
659
  &.k-i-sort-desc-sm,
660
660
  &.k-i-sort-asc-sm {
661
661
  vertical-align: text-top;
@@ -1088,6 +1088,7 @@
1088
1088
  display: flex;
1089
1089
  flex-flow: row nowrap;
1090
1090
  align-items: center;
1091
+ justify-content: inherit;
1091
1092
  overflow: hidden;
1092
1093
 
1093
1094
  > .k-link {
@@ -1096,6 +1097,7 @@
1096
1097
  display: flex;
1097
1098
  flex-flow: row nowrap;
1098
1099
  align-items: center;
1100
+ justify-content: inherit;
1099
1101
  flex: 1;
1100
1102
  overflow: hidden;
1101
1103
 
package/scss/input/_layout.scss CHANGED
@@ -48,26 +48,35 @@
48
48
  margin: 0;
49
49
  }
50
50
 
51
+ &::placeholder {
52
+ color: $kendo-input-placeholder-text;
53
+ opacity: $kendo-input-placeholder-opacity;
54
+ user-select: none;
55
+ }
56
+ &:-ms-input-placeholder {
57
+ color: $kendo-input-placeholder-text;
58
+ }
59
+ }
60
+
61
+ // Input and Textarea
62
+ .k-input {}
63
+ input.k-input,
64
+ textarea.k-textarea {
65
+ padding: $kendo-input-padding-y $kendo-input-padding-x;
66
+
51
67
  &:disabled,
52
- &[disabled],
53
- &.k-disabled {
68
+ &[disabled] {
54
69
  @include disabled( $disabled-styling );
55
70
 
56
- [disabled],
57
- .k-disabled,
58
- .k-state-disabled {
71
+ [disabled] &,
72
+ .k-disabled &,
73
+ .k-state-disabled & {
59
74
  opacity: 1;
60
75
  filter: grayscale(0);
61
76
  }
62
77
  }
63
78
  }
64
79
 
65
- // Input
66
- .k-input {}
67
- input.k-input {
68
- padding: $kendo-input-padding-y $kendo-input-padding-x;
69
- }
70
-
71
80
 
72
81
  // Picker
73
82
  .k-picker {
@@ -76,6 +85,18 @@
76
85
  select.k-picker {
77
86
  padding: $kendo-input-padding-y $kendo-input-padding-x;
78
87
  appearance: auto;
88
+
89
+ &:disabled,
90
+ &[disabled] {
91
+ @include disabled( $disabled-styling );
92
+
93
+ [disabled] &,
94
+ .k-disabled &,
95
+ .k-state-disabled & {
96
+ opacity: 1;
97
+ filter: grayscale(0);
98
+ }
99
+ }
79
100
  }
80
101
 
81
102
 
package/scss/input/_theme.scss CHANGED
@@ -16,6 +16,7 @@
16
16
  $kendo-input-hover-bg,
17
17
  $kendo-input-hover-border
18
18
  );
19
+ @include box-shadow( $kendo-input-hover-shadow );
19
20
  }
20
21
 
21
22
  // Focus
@@ -90,6 +91,7 @@
90
91
  $kendo-picker-hover-border,
91
92
  $kendo-picker-hover-gradient
92
93
  );
94
+ @include box-shadow( $kendo-picker-hover-shadow );
93
95
  }
94
96
 
95
97
  // Focus
package/scss/popup/_layout.scss CHANGED
@@ -20,8 +20,6 @@
20
20
  }
21
21
  .k-animation-container {
22
22
  @include border-bottom-radius-only( $kendo-border-radius-md );
23
-
24
- .k-popup {}
25
23
  }
26
24
 
27
25
  .k-animation-container-shown {
package/scss/taskboard/_variables.scss CHANGED
@@ -86,7 +86,7 @@ $taskboard-card-selected-shadow: none !default;
86
86
 
87
87
  $taskboard-card-header-text: $primary !default;
88
88
  $taskboard-card-header-focus-text: $primary-darker !default;
89
- $taskboard-card-header-hover-text: $primary-lighter !default;
89
+ $taskboard-card-header-hover-text: $primary-darker !default;
90
90
 
91
91
  $taskboard-drag-placeholder-border-width: 1px !default;
92
92
  $taskboard-drag-placeholder-border-radius: $taskboard-card-border-radius !default;