@progress/kendo-theme-classic 6.7.0-dev.3 → 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.
package/dist/all.css CHANGED
@@ -53850,28 +53850,39 @@ kendo-scheduler .k-recurrence-editor {
53850
53850
  }
53851
53851
  }
53852
53852
 
53853
- .k-chat-toolbar {
53853
+ .k-chat-toolbar,
53854
+ .k-chat .k-toolbar-box {
53855
+ padding-block: 8px;
53856
+ padding-inline: 8px;
53854
53857
  width: 100%;
53855
53858
  border-width: 1px 0 0;
53859
+ box-sizing: border-box;
53856
53860
  flex: none;
53861
+ overflow: hidden;
53862
+ position: relative;
53863
+ gap: 8px;
53857
53864
  }
53858
53865
 
53859
- .k-chat-toolbar::before {
53866
+ .k-chat-toolbar::before,
53867
+ .k-chat .k-toolbar-box::before {
53860
53868
  display: none;
53861
53869
  }
53862
53870
 
53863
- .k-chat-toolbar .k-button-list {
53871
+ .k-chat-toolbar .k-button-list,
53872
+ .k-chat .k-toolbar-box .k-button-list {
53864
53873
  display: flex;
53865
53874
  flex-flow: row nowrap;
53866
53875
  overflow: hidden;
53867
53876
  scroll-behavior: smooth;
53868
53877
  }
53869
53878
 
53870
- .k-chat-toolbar .k-button {
53879
+ .k-chat-toolbar .k-button,
53880
+ .k-chat .k-toolbar-box .k-button {
53871
53881
  flex: none;
53872
53882
  }
53873
53883
 
53874
- .k-chat-toolbar .k-scroll-button {
53884
+ .k-chat-toolbar .k-scroll-button,
53885
+ .k-chat .k-toolbar-box .k-scroll-button {
53875
53886
  padding: 0 4px;
53876
53887
  height: 100%;
53877
53888
  aspect-ratio: auto;
@@ -53880,16 +53891,19 @@ kendo-scheduler .k-recurrence-editor {
53880
53891
  top: 0;
53881
53892
  }
53882
53893
 
53883
- .k-chat-toolbar .k-scroll-button .k-button-icon {
53894
+ .k-chat-toolbar .k-scroll-button .k-button-icon,
53895
+ .k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
53884
53896
  min-width: auto;
53885
53897
  min-height: auto;
53886
53898
  }
53887
53899
 
53888
- .k-chat-toolbar .k-scroll-button-left {
53900
+ .k-chat-toolbar .k-scroll-button-left,
53901
+ .k-chat .k-toolbar-box .k-scroll-button-left {
53889
53902
  left: 0;
53890
53903
  }
53891
53904
 
53892
- .k-chat-toolbar .k-scroll-button-right {
53905
+ .k-chat-toolbar .k-scroll-button-right,
53906
+ .k-chat .k-toolbar-box .k-scroll-button-right {
53893
53907
  right: 0;
53894
53908
  }
53895
53909
 
@@ -54851,20 +54865,18 @@ kendo-scheduler .k-recurrence-editor {
54851
54865
  white-space: nowrap;
54852
54866
  }
54853
54867
 
54868
+ .k-scrollview-wrap > .k-scrollview-view {
54869
+ display: inline-block;
54870
+ overflow: hidden;
54871
+ flex-shrink: 0;
54872
+ }
54873
+
54854
54874
  .k-scrollview-wrap img {
54855
54875
  -webkit-user-select: none;
54856
54876
  -ms-user-select: none;
54857
54877
  user-select: none;
54858
54878
  }
54859
54879
 
54860
- kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
54861
- display: inline-block;
54862
- overflow: hidden;
54863
- position: absolute;
54864
- top: 0;
54865
- left: 0;
54866
- }
54867
-
54868
54880
  .k-scrollview-wrap.k-scrollview-animate {
54869
54881
  width: calc(var(--kendo-scrollview-views, 1)*100%);
54870
54882
  transition-duration: 0.3s;
package/dist/all.scss CHANGED
@@ -55251,6 +55251,8 @@ $kendo-chat-bubble-border-radius-sm: 2px !default;
55251
55251
  $kendo-chat-avatar-size: 32px !default;
55252
55252
  $kendo-chat-avatar-spacing: $kendo-chat-item-spacing-x !default;
55253
55253
 
55254
+ $kendo-chat-toolbar-padding-x: $kendo-toolbar-md-padding-x !default;
55255
+ $kendo-chat-toolbar-padding-y: $kendo-toolbar-md-padding-y !default;
55254
55256
  $kendo-chat-toolbar-spacing: $kendo-toolbar-md-spacing !default;
55255
55257
  $kendo-chat-toolbar-bg: $kendo-toolbar-bg !default;
55256
55258
  $kendo-chat-toolbar-text: $kendo-toolbar-text !default;
@@ -55699,10 +55701,17 @@ $kendo-chat-quick-reply-hover-border: $kendo-color-primary !default;
55699
55701
 
55700
55702
 
55701
55703
  // Chat toolbar
55702
- .k-chat-toolbar {
55704
+ .k-chat-toolbar,
55705
+ .k-chat .k-toolbar-box {
55706
+ padding-block: $kendo-chat-toolbar-padding-y;
55707
+ padding-inline: $kendo-chat-toolbar-padding-x;
55703
55708
  width: 100%;
55704
55709
  border-width: 1px 0 0;
55710
+ box-sizing: border-box;
55705
55711
  flex: none;
55712
+ overflow: hidden;
55713
+ position: relative;
55714
+ gap: $kendo-toolbar-md-spacing;
55706
55715
 
55707
55716
  &::before {
55708
55717
  display: none;
@@ -57520,21 +57529,18 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
57520
57529
  cursor: default;
57521
57530
  white-space: nowrap;
57522
57531
 
57532
+ > .k-scrollview-view {
57533
+ display: inline-block;
57534
+ overflow: hidden;
57535
+ flex-shrink: 0;
57536
+ }
57537
+
57523
57538
  img {
57524
57539
  user-select: none;
57525
57540
  }
57526
57541
 
57527
57542
  }
57528
57543
 
57529
- // Can be removed once Angular are able to rely on the animations from the themes
57530
- kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
57531
- display: inline-block;
57532
- overflow: hidden;
57533
- position: absolute;
57534
- top: 0;
57535
- left: 0;
57536
- }
57537
-
57538
57544
  .k-scrollview-wrap.k-scrollview-animate {
57539
57545
  width: calc( var(--kendo-scrollview-views, 1) * 100% );
57540
57546
  transition-duration: $kendo-scrollview-transition-duration;
@@ -11467,6 +11467,14 @@
11467
11467
  "type": "Number",
11468
11468
  "value": "8px"
11469
11469
  },
11470
+ "kendo-chat-toolbar-padding-x": {
11471
+ "type": "Number",
11472
+ "value": "8px"
11473
+ },
11474
+ "kendo-chat-toolbar-padding-y": {
11475
+ "type": "Number",
11476
+ "value": "8px"
11477
+ },
11470
11478
  "kendo-chat-toolbar-spacing": {
11471
11479
  "type": "Number",
11472
11480
  "value": "8px"
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Green Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.4",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#000000",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Green",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.4",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Lavender Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.4",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#000000",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Lavender",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.4",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.4",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#000000",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.4",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Metro Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.4",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#000000",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Metro",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.4",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Moonlight",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.4",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#1f2a35",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Opal Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.4",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#000000",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Opal",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.4",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Silver Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.4",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#000000",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Silver",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.4",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Uniform",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "6.7.0-dev.3",
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-classic",
3
3
  "description": "Sass port of less based themes for Kendo UI theme",
4
- "version": "6.7.0-dev.3",
4
+ "version": "6.7.0-dev.4",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -51,9 +51,9 @@
51
51
  },
52
52
  "dependencies": {
53
53
  "@progress/kendo-font-icons": "1.8.0",
54
- "@progress/kendo-theme-core": "6.7.0-dev.3",
55
- "@progress/kendo-theme-default": "6.7.0-dev.3",
56
- "@progress/kendo-theme-utils": "6.7.0-dev.3"
54
+ "@progress/kendo-theme-core": "6.7.0-dev.4",
55
+ "@progress/kendo-theme-default": "6.7.0-dev.4",
56
+ "@progress/kendo-theme-utils": "6.7.0-dev.4"
57
57
  },
58
- "gitHead": "13f0e9d31474eca02c4ee6a62a4f182bdf7633cb"
58
+ "gitHead": "a55f3840f62eb640cff3a1a170bad731c6ce84f1"
59
59
  }
@@ -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;