@progress/kendo-theme-default 5.8.2-dev.5 → 5.9.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 (35) hide show
  1. package/dist/all.css +261 -73
  2. package/dist/all.scss +370 -88
  3. package/lib/swatches/default-blue.json +1 -1
  4. package/lib/swatches/default-dataviz-v4.json +1 -1
  5. package/lib/swatches/default-green.json +1 -1
  6. package/lib/swatches/default-main-dark.json +1 -1
  7. package/lib/swatches/default-main.json +1 -1
  8. package/lib/swatches/default-nordic.json +1 -1
  9. package/lib/swatches/default-ocean-blue.json +1 -1
  10. package/lib/swatches/default-orange.json +1 -1
  11. package/lib/swatches/default-purple.json +1 -1
  12. package/lib/swatches/default-turquoise.json +1 -1
  13. package/lib/swatches/default-urban.json +1 -1
  14. package/package.json +2 -2
  15. package/scss/action-sheet/_layout.scss +162 -28
  16. package/scss/action-sheet/_theme.scss +27 -18
  17. package/scss/action-sheet/_variables.scss +31 -12
  18. package/scss/calendar/_layout.scss +6 -19
  19. package/scss/coloreditor/_layout.scss +6 -0
  20. package/scss/coloreditor/_theme.scss +6 -0
  21. package/scss/coloreditor/_variables.scss +4 -0
  22. package/scss/colorgradient/_layout.scss +1 -1
  23. package/scss/editor/_layout.scss +23 -1
  24. package/scss/icons/_layout.scss +22 -0
  25. package/scss/icons/font/WebComponentsIcons.scss +1 -1
  26. package/scss/icons/font/WebComponentsIcons.ttf +0 -0
  27. package/scss/index.scss +1 -0
  28. package/scss/list/_layout.scss +12 -1
  29. package/scss/signature/_layout.scss +1 -0
  30. package/scss/timedurationpicker/_index.scss +16 -0
  31. package/scss/timedurationpicker/_layout.scss +1 -0
  32. package/scss/timedurationpicker/_theme.scss +5 -0
  33. package/scss/timedurationpicker/_variables.scss +1 -0
  34. package/scss/timeselector/_layout.scss +20 -5
  35. package/scss/timeselector/_variables.scss +2 -2
package/scss/index.scss CHANGED
@@ -71,6 +71,7 @@
71
71
  @import "datepicker/_index.scss";
72
72
  @import "timepicker/_index.scss";
73
73
  @import "datetimepicker/_index.scss";
74
+ @import "timedurationpicker/_index.scss";
74
75
  @import "daterangepicker/_index.scss";
75
76
  @import "dropdowngrid/_index.scss";
76
77
  @import "dropdownlist/_index.scss";
@@ -1,5 +1,16 @@
1
1
  @include exports( "list/layout" ) {
2
2
 
3
+ // List container
4
+ .k-list-container {
5
+ display: flex;
6
+ flex-flow: column nowrap;
7
+
8
+ > .k-list {
9
+ flex: 1;
10
+ height: 100%;
11
+ }
12
+ }
13
+
3
14
  // List
4
15
  .k-list {
5
16
  margin: 0;
@@ -180,7 +191,7 @@
180
191
  position: relative;
181
192
  padding: $padding-x;
182
193
  box-sizing: border-box;
183
- flex: 0 0 auto;
194
+ flex: none;
184
195
  }
185
196
 
186
197
 
@@ -35,6 +35,7 @@
35
35
  height: 100%;
36
36
  display: block;
37
37
  z-index: 1;
38
+ outline: none;
38
39
  }
39
40
 
40
41
  .k-signature-line {
@@ -0,0 +1,16 @@
1
+ @import "../core/_index.scss";
2
+
3
+
4
+ // Dependencies
5
+ @import "../icons/index";
6
+ @import "../button/_index.scss";
7
+ @import "../input/_index.scss";
8
+ @import "../popup/_index.scss";
9
+ @import "../list/_index.scss";
10
+ @import "../timeselector/_index.scss";
11
+
12
+
13
+ // Component
14
+ @import "_variables.scss";
15
+ @import "_layout.scss";
16
+ @import "_theme.scss";
@@ -0,0 +1 @@
1
+ @include exports("timedurationpicker/layout") {}
@@ -0,0 +1,5 @@
1
+ @include exports("timedurationpicker/theme") {
2
+
3
+ // TimeDuration picker
4
+ .k-timedurationpicker {}
5
+ }
@@ -0,0 +1 @@
1
+ // Timedurationpicker
@@ -47,6 +47,11 @@
47
47
  }
48
48
  }
49
49
 
50
+ // Fast selection
51
+ .k-actions.k-time-fast-selection {
52
+ margin-top: 0;
53
+ }
54
+
50
55
 
51
56
  // Time selector footer
52
57
  // .k-time-footer {}
@@ -58,6 +63,7 @@
58
63
  display: flex;
59
64
  position: relative;
60
65
  flex: 1 1 auto;
66
+ overflow: hidden;
61
67
  }
62
68
 
63
69
 
@@ -171,11 +177,6 @@
171
177
  margin: auto;
172
178
  }
173
179
 
174
- .k-rtl &
175
- [dir="rtl"] & {
176
- @include hide-scrollbar("left");
177
- }
178
-
179
180
  .k-scrollable-placeholder {
180
181
  position: absolute;
181
182
  width: 1px;
@@ -236,3 +237,17 @@
236
237
  }
237
238
 
238
239
  }
240
+
241
+ @include exports("timeselector/layout/rtl") {
242
+
243
+ .k-rtl,
244
+ [dir="rtl"] {
245
+
246
+ // Time list content
247
+ .k-time-container,
248
+ .k-time-list-content {
249
+ @include hide-scrollbar("left");
250
+ }
251
+ }
252
+
253
+ }
@@ -8,8 +8,8 @@ $time-selector-bg: $component-bg !default;
8
8
  $time-selector-text: $component-text !default;
9
9
  $time-selector-border: $component-border !default;
10
10
 
11
- $time-selector-header-padding-x: map-get( $spacing, 1 ) !default;
12
- $time-selector-header-padding-y: map-get( $spacing, 1 ) !default;
11
+ $time-selector-header-padding-x: $actions-padding-x !default;
12
+ $time-selector-header-padding-y: $actions-padding-y !default;
13
13
  $time-selector-header-border-width: 0px !default;
14
14
 
15
15
  $time-list-width: 4em !default;