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

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 (20) hide show
  1. package/dist/all.css +34 -16
  2. package/dist/all.scss +21 -10
  3. package/dist/meta/variables.json +8 -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-a11y.json +1 -1
  11. package/lib/swatches/default-ocean-blue.json +1 -1
  12. package/lib/swatches/default-orange.json +1 -1
  13. package/lib/swatches/default-purple.json +1 -1
  14. package/lib/swatches/default-turquoise.json +1 -1
  15. package/lib/swatches/default-urban.json +1 -1
  16. package/package.json +4 -4
  17. package/scss/chat/_layout.scss +8 -1
  18. package/scss/chat/_variables.scss +2 -0
  19. package/scss/floating-label/_theme.scss +5 -0
  20. package/scss/scrollview/_layout.scss +6 -9
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;
@@ -53828,28 +53834,39 @@ kendo-scheduler .k-recurrence-editor {
53828
53834
  }
53829
53835
  }
53830
53836
 
53831
- .k-chat-toolbar {
53837
+ .k-chat-toolbar,
53838
+ .k-chat .k-toolbar-box {
53839
+ padding-block: 8px;
53840
+ padding-inline: 8px;
53832
53841
  width: 100%;
53833
53842
  border-width: 1px 0 0;
53843
+ box-sizing: border-box;
53834
53844
  flex: none;
53845
+ overflow: hidden;
53846
+ position: relative;
53847
+ gap: 8px;
53835
53848
  }
53836
53849
 
53837
- .k-chat-toolbar::before {
53850
+ .k-chat-toolbar::before,
53851
+ .k-chat .k-toolbar-box::before {
53838
53852
  display: none;
53839
53853
  }
53840
53854
 
53841
- .k-chat-toolbar .k-button-list {
53855
+ .k-chat-toolbar .k-button-list,
53856
+ .k-chat .k-toolbar-box .k-button-list {
53842
53857
  display: flex;
53843
53858
  flex-flow: row nowrap;
53844
53859
  overflow: hidden;
53845
53860
  scroll-behavior: smooth;
53846
53861
  }
53847
53862
 
53848
- .k-chat-toolbar .k-button {
53863
+ .k-chat-toolbar .k-button,
53864
+ .k-chat .k-toolbar-box .k-button {
53849
53865
  flex: none;
53850
53866
  }
53851
53867
 
53852
- .k-chat-toolbar .k-scroll-button {
53868
+ .k-chat-toolbar .k-scroll-button,
53869
+ .k-chat .k-toolbar-box .k-scroll-button {
53853
53870
  padding: 0 4px;
53854
53871
  height: 100%;
53855
53872
  aspect-ratio: auto;
@@ -53858,16 +53875,19 @@ kendo-scheduler .k-recurrence-editor {
53858
53875
  top: 0;
53859
53876
  }
53860
53877
 
53861
- .k-chat-toolbar .k-scroll-button .k-button-icon {
53878
+ .k-chat-toolbar .k-scroll-button .k-button-icon,
53879
+ .k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
53862
53880
  min-width: auto;
53863
53881
  min-height: auto;
53864
53882
  }
53865
53883
 
53866
- .k-chat-toolbar .k-scroll-button-left {
53884
+ .k-chat-toolbar .k-scroll-button-left,
53885
+ .k-chat .k-toolbar-box .k-scroll-button-left {
53867
53886
  left: 0;
53868
53887
  }
53869
53888
 
53870
- .k-chat-toolbar .k-scroll-button-right {
53889
+ .k-chat-toolbar .k-scroll-button-right,
53890
+ .k-chat .k-toolbar-box .k-scroll-button-right {
53871
53891
  right: 0;
53872
53892
  }
53873
53893
 
@@ -54829,20 +54849,18 @@ kendo-scheduler .k-recurrence-editor {
54829
54849
  white-space: nowrap;
54830
54850
  }
54831
54851
 
54852
+ .k-scrollview-wrap > .k-scrollview-view {
54853
+ display: inline-block;
54854
+ overflow: hidden;
54855
+ flex-shrink: 0;
54856
+ }
54857
+
54832
54858
  .k-scrollview-wrap img {
54833
54859
  -webkit-user-select: none;
54834
54860
  -ms-user-select: none;
54835
54861
  user-select: none;
54836
54862
  }
54837
54863
 
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
-
54846
54864
  .k-scrollview-wrap.k-scrollview-animate {
54847
54865
  width: calc(var(--kendo-scrollview-views, 1)*100%);
54848
54866
  transition-duration: 0.3s;
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
  }
@@ -53787,6 +53792,8 @@ $kendo-chat-bubble-border-radius-sm: 2px !default;
53787
53792
  $kendo-chat-avatar-size: 32px !default;
53788
53793
  $kendo-chat-avatar-spacing: $kendo-chat-item-spacing-x !default;
53789
53794
 
53795
+ $kendo-chat-toolbar-padding-x: $kendo-toolbar-md-padding-x !default;
53796
+ $kendo-chat-toolbar-padding-y: $kendo-toolbar-md-padding-y !default;
53790
53797
  $kendo-chat-toolbar-spacing: $kendo-toolbar-md-spacing !default;
53791
53798
  $kendo-chat-toolbar-bg: $kendo-toolbar-bg !default;
53792
53799
  $kendo-chat-toolbar-text: $kendo-toolbar-text !default;
@@ -54234,10 +54241,17 @@ $kendo-chat-quick-reply-hover-border: $kendo-color-primary !default;
54234
54241
 
54235
54242
 
54236
54243
  // Chat toolbar
54237
- .k-chat-toolbar {
54244
+ .k-chat-toolbar,
54245
+ .k-chat .k-toolbar-box {
54246
+ padding-block: $kendo-chat-toolbar-padding-y;
54247
+ padding-inline: $kendo-chat-toolbar-padding-x;
54238
54248
  width: 100%;
54239
54249
  border-width: 1px 0 0;
54250
+ box-sizing: border-box;
54240
54251
  flex: none;
54252
+ overflow: hidden;
54253
+ position: relative;
54254
+ gap: $kendo-toolbar-md-spacing;
54241
54255
 
54242
54256
  &::before {
54243
54257
  display: none;
@@ -55975,21 +55989,18 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
55975
55989
  cursor: default;
55976
55990
  white-space: nowrap;
55977
55991
 
55992
+ > .k-scrollview-view {
55993
+ display: inline-block;
55994
+ overflow: hidden;
55995
+ flex-shrink: 0;
55996
+ }
55997
+
55978
55998
  img {
55979
55999
  user-select: none;
55980
56000
  }
55981
56001
 
55982
56002
  }
55983
56003
 
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
-
55993
56004
  .k-scrollview-wrap.k-scrollview-animate {
55994
56005
  width: calc( var(--kendo-scrollview-views, 1) * 100% );
55995
56006
  transition-duration: $kendo-scrollview-transition-duration;
package/dist/meta/variables.json CHANGED
@@ -11459,6 +11459,14 @@
11459
11459
  "type": "Number",
11460
11460
  "value": "8px"
11461
11461
  },
11462
+ "kendo-chat-toolbar-padding-x": {
11463
+ "type": "Number",
11464
+ "value": "8px"
11465
+ },
11466
+ "kendo-chat-toolbar-padding-y": {
11467
+ "type": "Number",
11468
+ "value": "8px"
11469
+ },
11462
11470
  "kendo-chat-toolbar-spacing": {
11463
11471
  "type": "Number",
11464
11472
  "value": "8px"
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.2",
6
+ "version": "6.7.0-dev.4",
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.2",
6
+ "version": "6.7.0-dev.4",
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.2",
6
+ "version": "6.7.0-dev.4",
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.2",
6
+ "version": "6.7.0-dev.4",
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.2",
6
+ "version": "6.7.0-dev.4",
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.2",
6
+ "version": "6.7.0-dev.4",
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.2",
6
+ "version": "6.7.0-dev.4",
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.2",
6
+ "version": "6.7.0-dev.4",
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.2",
6
+ "version": "6.7.0-dev.4",
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.2",
6
+ "version": "6.7.0-dev.4",
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.2",
6
+ "version": "6.7.0-dev.4",
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.2",
6
+ "version": "6.7.0-dev.4",
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.2",
4
+ "version": "6.7.0-dev.4",
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.2",
54
- "@progress/kendo-theme-utils": "6.7.0-dev.2"
53
+ "@progress/kendo-theme-core": "6.7.0-dev.4",
54
+ "@progress/kendo-theme-utils": "6.7.0-dev.4"
55
55
  },
56
- "gitHead": "48b9852e24736586f7bb277b8db520075eadd6e4"
56
+ "gitHead": "a55f3840f62eb640cff3a1a170bad731c6ce84f1"
57
57
  }
package/scss/chat/_layout.scss CHANGED
@@ -406,10 +406,17 @@
406
406
 
407
407
 
408
408
  // Chat toolbar
409
- .k-chat-toolbar {
409
+ .k-chat-toolbar,
410
+ .k-chat .k-toolbar-box {
411
+ padding-block: $kendo-chat-toolbar-padding-y;
412
+ padding-inline: $kendo-chat-toolbar-padding-x;
410
413
  width: 100%;
411
414
  border-width: 1px 0 0;
415
+ box-sizing: border-box;
412
416
  flex: none;
417
+ overflow: hidden;
418
+ position: relative;
419
+ gap: $kendo-toolbar-md-spacing;
413
420
 
414
421
  &::before {
415
422
  display: none;
package/scss/chat/_variables.scss CHANGED
@@ -32,6 +32,8 @@ $kendo-chat-bubble-border-radius-sm: 2px !default;
32
32
  $kendo-chat-avatar-size: 32px !default;
33
33
  $kendo-chat-avatar-spacing: $kendo-chat-item-spacing-x !default;
34
34
 
35
+ $kendo-chat-toolbar-padding-x: $kendo-toolbar-md-padding-x !default;
36
+ $kendo-chat-toolbar-padding-y: $kendo-toolbar-md-padding-y !default;
35
37
  $kendo-chat-toolbar-spacing: $kendo-toolbar-md-spacing !default;
36
38
  $kendo-chat-toolbar-bg: $kendo-toolbar-bg !default;
37
39
  $kendo-chat-toolbar-text: $kendo-toolbar-text !default;
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
@@ -26,21 +26,18 @@
26
26
  cursor: default;
27
27
  white-space: nowrap;
28
28
 
29
+ > .k-scrollview-view {
30
+ display: inline-block;
31
+ overflow: hidden;
32
+ flex-shrink: 0;
33
+ }
34
+
29
35
  img {
30
36
  user-select: none;
31
37
  }
32
38
 
33
39
  }
34
40
 
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
-
44
41
  .k-scrollview-wrap.k-scrollview-animate {
45
42
  width: calc( var(--kendo-scrollview-views, 1) * 100% );
46
43
  transition-duration: $kendo-scrollview-transition-duration;