@progress/kendo-theme-bootstrap 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 (17) 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/bootstrap-3-dark.json +1 -1
  5. package/lib/swatches/bootstrap-3.json +1 -1
  6. package/lib/swatches/bootstrap-4-dark.json +1 -1
  7. package/lib/swatches/bootstrap-4.json +1 -1
  8. package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
  9. package/lib/swatches/bootstrap-main-dark.json +1 -1
  10. package/lib/swatches/bootstrap-main.json +1 -1
  11. package/lib/swatches/bootstrap-nordic.json +1 -1
  12. package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
  13. package/lib/swatches/bootstrap-turquoise.json +1 -1
  14. package/lib/swatches/bootstrap-urban.json +1 -1
  15. package/lib/swatches/bootstrap-vintage.json +1 -1
  16. package/package.json +5 -5
  17. package/scss/chat/_variables.scss +2 -0
package/dist/all.css CHANGED
@@ -54040,28 +54040,39 @@ kendo-scheduler .k-event .k-event-actions:first-child,
54040
54040
  }
54041
54041
  }
54042
54042
 
54043
- .k-chat-toolbar {
54043
+ .k-chat-toolbar,
54044
+ .k-chat .k-toolbar-box {
54045
+ padding-block: 0.5rem;
54046
+ padding-inline: 0.5rem;
54044
54047
  width: 100%;
54045
54048
  border-width: 1px 0 0;
54049
+ box-sizing: border-box;
54046
54050
  flex: none;
54051
+ overflow: hidden;
54052
+ position: relative;
54053
+ gap: 0.5rem;
54047
54054
  }
54048
54055
 
54049
- .k-chat-toolbar::before {
54056
+ .k-chat-toolbar::before,
54057
+ .k-chat .k-toolbar-box::before {
54050
54058
  display: none;
54051
54059
  }
54052
54060
 
54053
- .k-chat-toolbar .k-button-list {
54061
+ .k-chat-toolbar .k-button-list,
54062
+ .k-chat .k-toolbar-box .k-button-list {
54054
54063
  display: flex;
54055
54064
  flex-flow: row nowrap;
54056
54065
  overflow: hidden;
54057
54066
  scroll-behavior: smooth;
54058
54067
  }
54059
54068
 
54060
- .k-chat-toolbar .k-button {
54069
+ .k-chat-toolbar .k-button,
54070
+ .k-chat .k-toolbar-box .k-button {
54061
54071
  flex: none;
54062
54072
  }
54063
54073
 
54064
- .k-chat-toolbar .k-scroll-button {
54074
+ .k-chat-toolbar .k-scroll-button,
54075
+ .k-chat .k-toolbar-box .k-scroll-button {
54065
54076
  padding: 0 0.25rem;
54066
54077
  height: 100%;
54067
54078
  aspect-ratio: auto;
@@ -54070,16 +54081,19 @@ kendo-scheduler .k-event .k-event-actions:first-child,
54070
54081
  top: 0;
54071
54082
  }
54072
54083
 
54073
- .k-chat-toolbar .k-scroll-button .k-button-icon {
54084
+ .k-chat-toolbar .k-scroll-button .k-button-icon,
54085
+ .k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
54074
54086
  min-width: auto;
54075
54087
  min-height: auto;
54076
54088
  }
54077
54089
 
54078
- .k-chat-toolbar .k-scroll-button-left {
54090
+ .k-chat-toolbar .k-scroll-button-left,
54091
+ .k-chat .k-toolbar-box .k-scroll-button-left {
54079
54092
  left: 0;
54080
54093
  }
54081
54094
 
54082
- .k-chat-toolbar .k-scroll-button-right {
54095
+ .k-chat-toolbar .k-scroll-button-right,
54096
+ .k-chat .k-toolbar-box .k-scroll-button-right {
54083
54097
  right: 0;
54084
54098
  }
54085
54099
 
@@ -55044,20 +55058,18 @@ kendo-scheduler .k-event .k-event-actions:first-child,
55044
55058
  white-space: nowrap;
55045
55059
  }
55046
55060
 
55061
+ .k-scrollview-wrap > .k-scrollview-view {
55062
+ display: inline-block;
55063
+ overflow: hidden;
55064
+ flex-shrink: 0;
55065
+ }
55066
+
55047
55067
  .k-scrollview-wrap img {
55048
55068
  -webkit-user-select: none;
55049
55069
  -ms-user-select: none;
55050
55070
  user-select: none;
55051
55071
  }
55052
55072
 
55053
- kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
55054
- display: inline-block;
55055
- overflow: hidden;
55056
- position: absolute;
55057
- top: 0;
55058
- left: 0;
55059
- }
55060
-
55061
55073
  .k-scrollview-wrap.k-scrollview-animate {
55062
55074
  width: calc(var(--kendo-scrollview-views, 1)*100%);
55063
55075
  transition-duration: 0.3s;
package/dist/all.scss CHANGED
@@ -58295,6 +58295,8 @@ $kendo-chat-bubble-border-radius-sm: 2px !default;
58295
58295
  $kendo-chat-avatar-size: 32px !default;
58296
58296
  $kendo-chat-avatar-spacing: $kendo-chat-item-spacing-x !default;
58297
58297
 
58298
+ $kendo-chat-toolbar-padding-x: $kendo-toolbar-md-padding-x !default;
58299
+ $kendo-chat-toolbar-padding-y: $kendo-toolbar-md-padding-y !default;
58298
58300
  $kendo-chat-toolbar-spacing: $kendo-toolbar-md-spacing !default;
58299
58301
  $kendo-chat-toolbar-bg: $kendo-toolbar-bg !default;
58300
58302
  $kendo-chat-toolbar-text: $kendo-toolbar-text !default;
@@ -58743,10 +58745,17 @@ $kendo-chat-quick-reply-hover-border: $kendo-color-primary !default;
58743
58745
 
58744
58746
 
58745
58747
  // Chat toolbar
58746
- .k-chat-toolbar {
58748
+ .k-chat-toolbar,
58749
+ .k-chat .k-toolbar-box {
58750
+ padding-block: $kendo-chat-toolbar-padding-y;
58751
+ padding-inline: $kendo-chat-toolbar-padding-x;
58747
58752
  width: 100%;
58748
58753
  border-width: 1px 0 0;
58754
+ box-sizing: border-box;
58749
58755
  flex: none;
58756
+ overflow: hidden;
58757
+ position: relative;
58758
+ gap: $kendo-toolbar-md-spacing;
58750
58759
 
58751
58760
  &::before {
58752
58761
  display: none;
@@ -60570,21 +60579,18 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
60570
60579
  cursor: default;
60571
60580
  white-space: nowrap;
60572
60581
 
60582
+ > .k-scrollview-view {
60583
+ display: inline-block;
60584
+ overflow: hidden;
60585
+ flex-shrink: 0;
60586
+ }
60587
+
60573
60588
  img {
60574
60589
  user-select: none;
60575
60590
  }
60576
60591
 
60577
60592
  }
60578
60593
 
60579
- // Can be removed once Angular are able to rely on the animations from the themes
60580
- kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
60581
- display: inline-block;
60582
- overflow: hidden;
60583
- position: absolute;
60584
- top: 0;
60585
- left: 0;
60586
- }
60587
-
60588
60594
  .k-scrollview-wrap.k-scrollview-animate {
60589
60595
  width: calc( var(--kendo-scrollview-views, 1) * 100% );
60590
60596
  transition-duration: $kendo-scrollview-transition-duration;
package/dist/meta/variables.json CHANGED
@@ -15003,6 +15003,14 @@
15003
15003
  "type": "Number",
15004
15004
  "value": "8px"
15005
15005
  },
15006
+ "kendo-chat-toolbar-padding-x": {
15007
+ "type": "Number",
15008
+ "value": "0.5rem"
15009
+ },
15010
+ "kendo-chat-toolbar-padding-y": {
15011
+ "type": "Number",
15012
+ "value": "0.5rem"
15013
+ },
15006
15014
  "kendo-chat-toolbar-spacing": {
15007
15015
  "type": "Number",
15008
15016
  "value": "0.5rem"
package/lib/swatches/bootstrap-3-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 3 Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.5",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#222222",
package/lib/swatches/bootstrap-3.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 3",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
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/bootstrap-4-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 4 Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.5",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#212529",
package/lib/swatches/bootstrap-4.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.5",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f8f9fa",
package/lib/swatches/bootstrap-dataviz-v4.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Dataviz v4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.5",
7
7
  "previewColors": [
8
8
  "#0275d8",
9
9
  "#5bc0de",
package/lib/swatches/bootstrap-main-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.5",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#212529",
package/lib/swatches/bootstrap-main.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.5",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f8f9fa",
package/lib/swatches/bootstrap-nordic.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Nordic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.5",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f8f9fa",
package/lib/swatches/bootstrap-turquoise-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Turquoise Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.5",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#292b2c",
package/lib/swatches/bootstrap-turquoise.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Turquoise",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.5",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f2f2f2",
package/lib/swatches/bootstrap-urban.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Urban",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.5",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e3eef4",
package/lib/swatches/bootstrap-vintage.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Vintage",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.7.0-dev.3",
6
+ "version": "6.7.0-dev.5",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f2efe8",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-bootstrap",
3
3
  "description": "Bootstrap theme for Kendo UI",
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": [
@@ -51,10 +51,10 @@
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.5",
55
+ "@progress/kendo-theme-default": "6.7.0-dev.5",
56
+ "@progress/kendo-theme-utils": "6.7.0-dev.5",
57
57
  "bootstrap": "5.2.1"
58
58
  },
59
- "gitHead": "13f0e9d31474eca02c4ee6a62a4f182bdf7633cb"
59
+ "gitHead": "c605131672eb1015193a92de25d626503b61fc89"
60
60
  }
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;