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

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 (17) hide show
  1. package/dist/all.css +21 -6
  2. package/dist/all.scss +22 -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/floating-label/_theme.scss +5 -0
  17. package/scss/scrollview/_layout.scss +17 -6
package/dist/all.css CHANGED
@@ -37029,6 +37029,12 @@ select.k-picker-lg {
37029
37029
  right: 0;
37030
37030
  }
37031
37031
 
37032
+ .k-floating-label-container.k-invalid > .k-label,
37033
+ .k-floating-label-container.ng-invalid.ng-touched > .k-label,
37034
+ .k-floating-label-container.ng-invalid.ng-dirty > .k-label {
37035
+ color: #f31700;
37036
+ }
37037
+
37032
37038
  .k-split-button .k-split-button-arrow {
37033
37039
  padding-block: 4px;
37034
37040
  padding-inline: 4px;
@@ -54822,25 +54828,29 @@ kendo-scheduler .k-recurrence-editor {
54822
54828
  margin: 0;
54823
54829
  padding: 0;
54824
54830
  height: 100%;
54825
- width: calc(var(--kendo-scrollview-views, 1)*100%);
54831
+ width: 100%;
54826
54832
  display: flex;
54827
54833
  flex-flow: row nowrap;
54828
54834
  cursor: default;
54829
54835
  white-space: nowrap;
54830
54836
  }
54831
54837
 
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
54838
  .k-scrollview-wrap img {
54838
54839
  -webkit-user-select: none;
54839
54840
  -ms-user-select: none;
54840
54841
  user-select: none;
54841
54842
  }
54842
54843
 
54844
+ kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
54845
+ display: inline-block;
54846
+ overflow: hidden;
54847
+ position: absolute;
54848
+ top: 0;
54849
+ left: 0;
54850
+ }
54851
+
54843
54852
  .k-scrollview-wrap.k-scrollview-animate {
54853
+ width: calc(var(--kendo-scrollview-views, 1)*100%);
54844
54854
  transition-duration: 0.3s;
54845
54855
  transition-timing-function: ease-in-out;
54846
54856
  transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
@@ -54851,6 +54861,11 @@ kendo-scheduler .k-recurrence-editor {
54851
54861
  transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
54852
54862
  }
54853
54863
 
54864
+ .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
54865
+ width: calc(100%/var(--kendo-scrollview-views, 1));
54866
+ flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
54867
+ }
54868
+
54854
54869
  .k-scrollview-nav-wrap {
54855
54870
  padding: 0;
54856
54871
  margin: 0;
package/dist/all.scss CHANGED
@@ -26152,6 +26152,11 @@ $kendo-floating-label-focus-text: null !default;
26152
26152
  );
26153
26153
  }
26154
26154
 
26155
+ &.k-invalid > .k-label,
26156
+ &.ng-invalid.ng-touched > .k-label,
26157
+ &.ng-invalid.ng-dirty > .k-label {
26158
+ @include fill ( $color: $kendo-invalid-text );
26159
+ }
26155
26160
  }
26156
26161
 
26157
26162
  }
@@ -55969,24 +55974,29 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
55969
55974
  margin: 0;
55970
55975
  padding: 0;
55971
55976
  height: 100%;
55972
- width: calc( var(--kendo-scrollview-views, 1) * 100% );
55977
+ width: 100%;
55973
55978
  display: flex;
55974
55979
  flex-flow: row nowrap;
55975
55980
  cursor: default;
55976
55981
  white-space: nowrap;
55977
55982
 
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
55983
  img {
55984
55984
  user-select: none;
55985
55985
  }
55986
55986
 
55987
55987
  }
55988
55988
 
55989
+ // Can be removed once Angular are able to rely on the animations from the themes
55990
+ kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
55991
+ display: inline-block;
55992
+ overflow: hidden;
55993
+ position: absolute;
55994
+ top: 0;
55995
+ left: 0;
55996
+ }
55997
+
55989
55998
  .k-scrollview-wrap.k-scrollview-animate {
55999
+ width: calc( var(--kendo-scrollview-views, 1) * 100% );
55990
56000
  transition-duration: $kendo-scrollview-transition-duration;
55991
56001
  transition-timing-function: $kendo-scrollview-transition-timing-function;
55992
56002
  transform: translateX( calc( -100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1) ) );
@@ -55995,6 +56005,12 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
55995
56005
  .k-rtl & {
55996
56006
  transform: translateX( calc( 100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1) ) );
55997
56007
  }
56008
+
56009
+ .k-scrollview-view {
56010
+ width: calc( 100% / var(--kendo-scrollview-views, 1) );
56011
+ flex: 0 0 calc( 100% / var(--kendo-scrollview-views, 1) );
56012
+ }
56013
+
55998
56014
  }
55999
56015
 
56000
56016
  .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.3",
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.3",
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.3",
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.3",
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.3",
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.3",
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.3",
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.3",
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.3",
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.3",
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.3",
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.3",
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.3",
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.3",
54
+ "@progress/kendo-theme-utils": "6.7.0-dev.3"
55
55
  },
56
- "gitHead": "70c85b28b2e861c628b47fffed4a0284bcf47923"
56
+ "gitHead": "13f0e9d31474eca02c4ee6a62a4f182bdf7633cb"
57
57
  }
package/scss/floating-label/_theme.scss CHANGED
@@ -17,6 +17,11 @@
17
17
  );
18
18
  }
19
19
 
20
+ &.k-invalid > .k-label,
21
+ &.ng-invalid.ng-touched > .k-label,
22
+ &.ng-invalid.ng-dirty > .k-label {
23
+ @include fill ( $color: $kendo-invalid-text );
24
+ }
20
25
  }
21
26
 
22
27
  }
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 {