@progress/kendo-theme-default 6.7.0-dev.3 → 6.7.0-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 (19) hide show
  1. package/dist/all.css +28 -16
  2. package/dist/all.scss +16 -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/scrollview/_layout.scss +6 -9
package/dist/all.css CHANGED
@@ -53834,28 +53834,39 @@ kendo-scheduler .k-recurrence-editor {
53834
53834
  }
53835
53835
  }
53836
53836
 
53837
- .k-chat-toolbar {
53837
+ .k-chat-toolbar,
53838
+ .k-chat .k-toolbar-box {
53839
+ padding-block: 8px;
53840
+ padding-inline: 8px;
53838
53841
  width: 100%;
53839
53842
  border-width: 1px 0 0;
53843
+ box-sizing: border-box;
53840
53844
  flex: none;
53845
+ overflow: hidden;
53846
+ position: relative;
53847
+ gap: 8px;
53841
53848
  }
53842
53849
 
53843
- .k-chat-toolbar::before {
53850
+ .k-chat-toolbar::before,
53851
+ .k-chat .k-toolbar-box::before {
53844
53852
  display: none;
53845
53853
  }
53846
53854
 
53847
- .k-chat-toolbar .k-button-list {
53855
+ .k-chat-toolbar .k-button-list,
53856
+ .k-chat .k-toolbar-box .k-button-list {
53848
53857
  display: flex;
53849
53858
  flex-flow: row nowrap;
53850
53859
  overflow: hidden;
53851
53860
  scroll-behavior: smooth;
53852
53861
  }
53853
53862
 
53854
- .k-chat-toolbar .k-button {
53863
+ .k-chat-toolbar .k-button,
53864
+ .k-chat .k-toolbar-box .k-button {
53855
53865
  flex: none;
53856
53866
  }
53857
53867
 
53858
- .k-chat-toolbar .k-scroll-button {
53868
+ .k-chat-toolbar .k-scroll-button,
53869
+ .k-chat .k-toolbar-box .k-scroll-button {
53859
53870
  padding: 0 4px;
53860
53871
  height: 100%;
53861
53872
  aspect-ratio: auto;
@@ -53864,16 +53875,19 @@ kendo-scheduler .k-recurrence-editor {
53864
53875
  top: 0;
53865
53876
  }
53866
53877
 
53867
- .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 {
53868
53880
  min-width: auto;
53869
53881
  min-height: auto;
53870
53882
  }
53871
53883
 
53872
- .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 {
53873
53886
  left: 0;
53874
53887
  }
53875
53888
 
53876
- .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 {
53877
53891
  right: 0;
53878
53892
  }
53879
53893
 
@@ -54835,20 +54849,18 @@ kendo-scheduler .k-recurrence-editor {
54835
54849
  white-space: nowrap;
54836
54850
  }
54837
54851
 
54852
+ .k-scrollview-wrap > .k-scrollview-view {
54853
+ display: inline-block;
54854
+ overflow: hidden;
54855
+ flex-shrink: 0;
54856
+ }
54857
+
54838
54858
  .k-scrollview-wrap img {
54839
54859
  -webkit-user-select: none;
54840
54860
  -ms-user-select: none;
54841
54861
  user-select: none;
54842
54862
  }
54843
54863
 
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
-
54852
54864
  .k-scrollview-wrap.k-scrollview-animate {
54853
54865
  width: calc(var(--kendo-scrollview-views, 1)*100%);
54854
54866
  transition-duration: 0.3s;
package/dist/all.scss CHANGED
@@ -53792,6 +53792,8 @@ $kendo-chat-bubble-border-radius-sm: 2px !default;
53792
53792
  $kendo-chat-avatar-size: 32px !default;
53793
53793
  $kendo-chat-avatar-spacing: $kendo-chat-item-spacing-x !default;
53794
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;
53795
53797
  $kendo-chat-toolbar-spacing: $kendo-toolbar-md-spacing !default;
53796
53798
  $kendo-chat-toolbar-bg: $kendo-toolbar-bg !default;
53797
53799
  $kendo-chat-toolbar-text: $kendo-toolbar-text !default;
@@ -54239,10 +54241,17 @@ $kendo-chat-quick-reply-hover-border: $kendo-color-primary !default;
54239
54241
 
54240
54242
 
54241
54243
  // Chat toolbar
54242
- .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;
54243
54248
  width: 100%;
54244
54249
  border-width: 1px 0 0;
54250
+ box-sizing: border-box;
54245
54251
  flex: none;
54252
+ overflow: hidden;
54253
+ position: relative;
54254
+ gap: $kendo-toolbar-md-spacing;
54246
54255
 
54247
54256
  &::before {
54248
54257
  display: none;
@@ -55980,21 +55989,18 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
55980
55989
  cursor: default;
55981
55990
  white-space: nowrap;
55982
55991
 
55992
+ > .k-scrollview-view {
55993
+ display: inline-block;
55994
+ overflow: hidden;
55995
+ flex-shrink: 0;
55996
+ }
55997
+
55983
55998
  img {
55984
55999
  user-select: none;
55985
56000
  }
55986
56001
 
55987
56002
  }
55988
56003
 
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
-
55998
56004
  .k-scrollview-wrap.k-scrollview-animate {
55999
56005
  width: calc( var(--kendo-scrollview-views, 1) * 100% );
56000
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.3",
6
+ "version": "6.7.0-dev.5",
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.3",
6
+ "version": "6.7.0-dev.5",
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.3",
6
+ "version": "6.7.0-dev.5",
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.3",
6
+ "version": "6.7.0-dev.5",
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.3",
6
+ "version": "6.7.0-dev.5",
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.3",
6
+ "version": "6.7.0-dev.5",
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.3",
6
+ "version": "6.7.0-dev.5",
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.3",
6
+ "version": "6.7.0-dev.5",
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.3",
6
+ "version": "6.7.0-dev.5",
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.3",
6
+ "version": "6.7.0-dev.5",
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.3",
6
+ "version": "6.7.0-dev.5",
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.3",
6
+ "version": "6.7.0-dev.5",
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.3",
4
+ "version": "6.7.0-dev.5",
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.3",
54
- "@progress/kendo-theme-utils": "6.7.0-dev.3"
53
+ "@progress/kendo-theme-core": "6.7.0-dev.5",
54
+ "@progress/kendo-theme-utils": "6.7.0-dev.5"
55
55
  },
56
- "gitHead": "13f0e9d31474eca02c4ee6a62a4f182bdf7633cb"
56
+ "gitHead": "c605131672eb1015193a92de25d626503b61fc89"
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/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;