@progress/kendo-theme-default 6.7.0-dev.1 → 6.7.0-dev.2

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 (16) hide show
  1. package/dist/all.css +15 -6
  2. package/dist/all.scss +17 -6
  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-a11y.json +1 -1
  10. package/lib/swatches/default-ocean-blue.json +1 -1
  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/package.json +4 -4
  16. package/scss/scrollview/_layout.scss +17 -6
package/dist/all.css CHANGED
@@ -54822,25 +54822,29 @@ kendo-scheduler .k-recurrence-editor {
54822
54822
  margin: 0;
54823
54823
  padding: 0;
54824
54824
  height: 100%;
54825
- width: calc(var(--kendo-scrollview-views, 1)*100%);
54825
+ width: 100%;
54826
54826
  display: flex;
54827
54827
  flex-flow: row nowrap;
54828
54828
  cursor: default;
54829
54829
  white-space: nowrap;
54830
54830
  }
54831
54831
 
54832
- .k-scrollview-wrap .k-scrollview-view {
54833
- width: calc(100%/var(--kendo-scrollview-views, 1));
54834
- flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
54835
- }
54836
-
54837
54832
  .k-scrollview-wrap img {
54838
54833
  -webkit-user-select: none;
54839
54834
  -ms-user-select: none;
54840
54835
  user-select: none;
54841
54836
  }
54842
54837
 
54838
+ kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
54839
+ display: inline-block;
54840
+ overflow: hidden;
54841
+ position: absolute;
54842
+ top: 0;
54843
+ left: 0;
54844
+ }
54845
+
54843
54846
  .k-scrollview-wrap.k-scrollview-animate {
54847
+ width: calc(var(--kendo-scrollview-views, 1)*100%);
54844
54848
  transition-duration: 0.3s;
54845
54849
  transition-timing-function: ease-in-out;
54846
54850
  transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
@@ -54851,6 +54855,11 @@ kendo-scheduler .k-recurrence-editor {
54851
54855
  transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
54852
54856
  }
54853
54857
 
54858
+ .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
54859
+ width: calc(100%/var(--kendo-scrollview-views, 1));
54860
+ flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
54861
+ }
54862
+
54854
54863
  .k-scrollview-nav-wrap {
54855
54864
  padding: 0;
54856
54865
  margin: 0;
package/dist/all.scss CHANGED
@@ -55969,24 +55969,29 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
55969
55969
  margin: 0;
55970
55970
  padding: 0;
55971
55971
  height: 100%;
55972
- width: calc( var(--kendo-scrollview-views, 1) * 100% );
55972
+ width: 100%;
55973
55973
  display: flex;
55974
55974
  flex-flow: row nowrap;
55975
55975
  cursor: default;
55976
55976
  white-space: nowrap;
55977
55977
 
55978
- .k-scrollview-view {
55979
- width: calc( 100% / var(--kendo-scrollview-views, 1) );
55980
- flex: 0 0 calc( 100% / var(--kendo-scrollview-views, 1) );
55981
- }
55982
-
55983
55978
  img {
55984
55979
  user-select: none;
55985
55980
  }
55986
55981
 
55987
55982
  }
55988
55983
 
55984
+ // Can be removed once Angular are able to rely on the animations from the themes
55985
+ kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
55986
+ display: inline-block;
55987
+ overflow: hidden;
55988
+ position: absolute;
55989
+ top: 0;
55990
+ left: 0;
55991
+ }
55992
+
55989
55993
  .k-scrollview-wrap.k-scrollview-animate {
55994
+ width: calc( var(--kendo-scrollview-views, 1) * 100% );
55990
55995
  transition-duration: $kendo-scrollview-transition-duration;
55991
55996
  transition-timing-function: $kendo-scrollview-transition-timing-function;
55992
55997
  transform: translateX( calc( -100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1) ) );
@@ -55995,6 +56000,12 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
55995
56000
  .k-rtl & {
55996
56001
  transform: translateX( calc( 100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1) ) );
55997
56002
  }
56003
+
56004
+ .k-scrollview-view {
56005
+ width: calc( 100% / var(--kendo-scrollview-views, 1) );
56006
+ flex: 0 0 calc( 100% / var(--kendo-scrollview-views, 1) );
56007
+ }
56008
+
55998
56009
  }
55999
56010
 
56000
56011
  .k-scrollview-nav-wrap {
package/lib/swatches/default-blue.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Default Blue",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "6.7.0-dev.1",
6
+ "version": "6.7.0-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
package/lib/swatches/default-dataviz-v4.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Default Dataviz v4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "6.7.0-dev.1",
6
+ "version": "6.7.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ff6358",
package/lib/swatches/default-green.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Default Green",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "6.7.0-dev.1",
6
+ "version": "6.7.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/default-main-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Default Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "6.7.0-dev.1",
6
+ "version": "6.7.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#000000",
package/lib/swatches/default-main.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Default Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "6.7.0-dev.1",
6
+ "version": "6.7.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/default-nordic.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Default Nordic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "6.7.0-dev.1",
6
+ "version": "6.7.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/default-ocean-blue-a11y.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Default Ocean Blue A11Y",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "6.7.0-dev.1",
6
+ "version": "6.7.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/default-ocean-blue.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Default Ocean Blue",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "6.7.0-dev.1",
6
+ "version": "6.7.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/default-orange.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Default Orange",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "6.7.0-dev.1",
6
+ "version": "6.7.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/default-purple.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Default Purple",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "6.7.0-dev.1",
6
+ "version": "6.7.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/default-turquoise.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Default Turquoise",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "6.7.0-dev.1",
6
+ "version": "6.7.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/default-urban.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Default Urban",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "6.7.0-dev.1",
6
+ "version": "6.7.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
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": "6.7.0-dev.1",
4
+ "version": "6.7.0-dev.2",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -50,8 +50,8 @@
50
50
  },
51
51
  "dependencies": {
52
52
  "@progress/kendo-font-icons": "1.8.0",
53
- "@progress/kendo-theme-core": "6.7.0-dev.1",
54
- "@progress/kendo-theme-utils": "6.7.0-dev.1"
53
+ "@progress/kendo-theme-core": "6.7.0-dev.2",
54
+ "@progress/kendo-theme-utils": "6.7.0-dev.2"
55
55
  },
56
- "gitHead": "70c85b28b2e861c628b47fffed4a0284bcf47923"
56
+ "gitHead": "48b9852e24736586f7bb277b8db520075eadd6e4"
57
57
  }
package/scss/scrollview/_layout.scss CHANGED
@@ -20,24 +20,29 @@
20
20
  margin: 0;
21
21
  padding: 0;
22
22
  height: 100%;
23
- width: calc( var(--kendo-scrollview-views, 1) * 100% );
23
+ width: 100%;
24
24
  display: flex;
25
25
  flex-flow: row nowrap;
26
26
  cursor: default;
27
27
  white-space: nowrap;
28
28
 
29
- .k-scrollview-view {
30
- width: calc( 100% / var(--kendo-scrollview-views, 1) );
31
- flex: 0 0 calc( 100% / var(--kendo-scrollview-views, 1) );
32
- }
33
-
34
29
  img {
35
30
  user-select: none;
36
31
  }
37
32
 
38
33
  }
39
34
 
35
+ // Can be removed once Angular are able to rely on the animations from the themes
36
+ kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
37
+ display: inline-block;
38
+ overflow: hidden;
39
+ position: absolute;
40
+ top: 0;
41
+ left: 0;
42
+ }
43
+
40
44
  .k-scrollview-wrap.k-scrollview-animate {
45
+ width: calc( var(--kendo-scrollview-views, 1) * 100% );
41
46
  transition-duration: $kendo-scrollview-transition-duration;
42
47
  transition-timing-function: $kendo-scrollview-transition-timing-function;
43
48
  transform: translateX( calc( -100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1) ) );
@@ -46,6 +51,12 @@
46
51
  .k-rtl & {
47
52
  transform: translateX( calc( 100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1) ) );
48
53
  }
54
+
55
+ .k-scrollview-view {
56
+ width: calc( 100% / var(--kendo-scrollview-views, 1) );
57
+ flex: 0 0 calc( 100% / var(--kendo-scrollview-views, 1) );
58
+ }
59
+
49
60
  }
50
61
 
51
62
  .k-scrollview-nav-wrap {