@progress/kendo-theme-classic 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.
- package/dist/all.css +34 -16
- package/dist/all.scss +21 -10
- package/dist/meta/variables.json +8 -0
- package/lib/swatches/classic-green-dark.json +1 -1
- package/lib/swatches/classic-green.json +1 -1
- package/lib/swatches/classic-lavender-dark.json +1 -1
- package/lib/swatches/classic-lavender.json +1 -1
- package/lib/swatches/classic-main-dark.json +1 -1
- package/lib/swatches/classic-main.json +1 -1
- package/lib/swatches/classic-metro-dark.json +1 -1
- package/lib/swatches/classic-metro.json +1 -1
- package/lib/swatches/classic-moonlight.json +1 -1
- package/lib/swatches/classic-opal-dark.json +1 -1
- package/lib/swatches/classic-opal.json +1 -1
- package/lib/swatches/classic-silver-dark.json +1 -1
- package/lib/swatches/classic-silver.json +1 -1
- package/lib/swatches/classic-uniform.json +1 -1
- package/package.json +5 -5
- package/scss/chat/_variables.scss +2 -0
package/dist/all.css
CHANGED
|
@@ -37032,6 +37032,12 @@ select.k-picker-lg {
|
|
|
37032
37032
|
right: 0;
|
|
37033
37033
|
}
|
|
37034
37034
|
|
|
37035
|
+
.k-floating-label-container.k-invalid > .k-label,
|
|
37036
|
+
.k-floating-label-container.ng-invalid.ng-touched > .k-label,
|
|
37037
|
+
.k-floating-label-container.ng-invalid.ng-dirty > .k-label {
|
|
37038
|
+
color: #d92800;
|
|
37039
|
+
}
|
|
37040
|
+
|
|
37035
37041
|
.k-split-button .k-split-button-arrow {
|
|
37036
37042
|
padding-block: 4px;
|
|
37037
37043
|
padding-inline: 4px;
|
|
@@ -53844,28 +53850,39 @@ kendo-scheduler .k-recurrence-editor {
|
|
|
53844
53850
|
}
|
|
53845
53851
|
}
|
|
53846
53852
|
|
|
53847
|
-
.k-chat-toolbar
|
|
53853
|
+
.k-chat-toolbar,
|
|
53854
|
+
.k-chat .k-toolbar-box {
|
|
53855
|
+
padding-block: 8px;
|
|
53856
|
+
padding-inline: 8px;
|
|
53848
53857
|
width: 100%;
|
|
53849
53858
|
border-width: 1px 0 0;
|
|
53859
|
+
box-sizing: border-box;
|
|
53850
53860
|
flex: none;
|
|
53861
|
+
overflow: hidden;
|
|
53862
|
+
position: relative;
|
|
53863
|
+
gap: 8px;
|
|
53851
53864
|
}
|
|
53852
53865
|
|
|
53853
|
-
.k-chat-toolbar::before
|
|
53866
|
+
.k-chat-toolbar::before,
|
|
53867
|
+
.k-chat .k-toolbar-box::before {
|
|
53854
53868
|
display: none;
|
|
53855
53869
|
}
|
|
53856
53870
|
|
|
53857
|
-
.k-chat-toolbar .k-button-list
|
|
53871
|
+
.k-chat-toolbar .k-button-list,
|
|
53872
|
+
.k-chat .k-toolbar-box .k-button-list {
|
|
53858
53873
|
display: flex;
|
|
53859
53874
|
flex-flow: row nowrap;
|
|
53860
53875
|
overflow: hidden;
|
|
53861
53876
|
scroll-behavior: smooth;
|
|
53862
53877
|
}
|
|
53863
53878
|
|
|
53864
|
-
.k-chat-toolbar .k-button
|
|
53879
|
+
.k-chat-toolbar .k-button,
|
|
53880
|
+
.k-chat .k-toolbar-box .k-button {
|
|
53865
53881
|
flex: none;
|
|
53866
53882
|
}
|
|
53867
53883
|
|
|
53868
|
-
.k-chat-toolbar .k-scroll-button
|
|
53884
|
+
.k-chat-toolbar .k-scroll-button,
|
|
53885
|
+
.k-chat .k-toolbar-box .k-scroll-button {
|
|
53869
53886
|
padding: 0 4px;
|
|
53870
53887
|
height: 100%;
|
|
53871
53888
|
aspect-ratio: auto;
|
|
@@ -53874,16 +53891,19 @@ kendo-scheduler .k-recurrence-editor {
|
|
|
53874
53891
|
top: 0;
|
|
53875
53892
|
}
|
|
53876
53893
|
|
|
53877
|
-
.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 {
|
|
53878
53896
|
min-width: auto;
|
|
53879
53897
|
min-height: auto;
|
|
53880
53898
|
}
|
|
53881
53899
|
|
|
53882
|
-
.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 {
|
|
53883
53902
|
left: 0;
|
|
53884
53903
|
}
|
|
53885
53904
|
|
|
53886
|
-
.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 {
|
|
53887
53907
|
right: 0;
|
|
53888
53908
|
}
|
|
53889
53909
|
|
|
@@ -54845,20 +54865,18 @@ kendo-scheduler .k-recurrence-editor {
|
|
|
54845
54865
|
white-space: nowrap;
|
|
54846
54866
|
}
|
|
54847
54867
|
|
|
54868
|
+
.k-scrollview-wrap > .k-scrollview-view {
|
|
54869
|
+
display: inline-block;
|
|
54870
|
+
overflow: hidden;
|
|
54871
|
+
flex-shrink: 0;
|
|
54872
|
+
}
|
|
54873
|
+
|
|
54848
54874
|
.k-scrollview-wrap img {
|
|
54849
54875
|
-webkit-user-select: none;
|
|
54850
54876
|
-ms-user-select: none;
|
|
54851
54877
|
user-select: none;
|
|
54852
54878
|
}
|
|
54853
54879
|
|
|
54854
|
-
kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
|
|
54855
|
-
display: inline-block;
|
|
54856
|
-
overflow: hidden;
|
|
54857
|
-
position: absolute;
|
|
54858
|
-
top: 0;
|
|
54859
|
-
left: 0;
|
|
54860
|
-
}
|
|
54861
|
-
|
|
54862
54880
|
.k-scrollview-wrap.k-scrollview-animate {
|
|
54863
54881
|
width: calc(var(--kendo-scrollview-views, 1)*100%);
|
|
54864
54882
|
transition-duration: 0.3s;
|
package/dist/all.scss
CHANGED
|
@@ -26511,6 +26511,11 @@ $kendo-floating-label-focus-text: null !default;
|
|
|
26511
26511
|
);
|
|
26512
26512
|
}
|
|
26513
26513
|
|
|
26514
|
+
&.k-invalid > .k-label,
|
|
26515
|
+
&.ng-invalid.ng-touched > .k-label,
|
|
26516
|
+
&.ng-invalid.ng-dirty > .k-label {
|
|
26517
|
+
@include fill ( $color: $kendo-invalid-text );
|
|
26518
|
+
}
|
|
26514
26519
|
}
|
|
26515
26520
|
|
|
26516
26521
|
}
|
|
@@ -55246,6 +55251,8 @@ $kendo-chat-bubble-border-radius-sm: 2px !default;
|
|
|
55246
55251
|
$kendo-chat-avatar-size: 32px !default;
|
|
55247
55252
|
$kendo-chat-avatar-spacing: $kendo-chat-item-spacing-x !default;
|
|
55248
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;
|
|
55249
55256
|
$kendo-chat-toolbar-spacing: $kendo-toolbar-md-spacing !default;
|
|
55250
55257
|
$kendo-chat-toolbar-bg: $kendo-toolbar-bg !default;
|
|
55251
55258
|
$kendo-chat-toolbar-text: $kendo-toolbar-text !default;
|
|
@@ -55694,10 +55701,17 @@ $kendo-chat-quick-reply-hover-border: $kendo-color-primary !default;
|
|
|
55694
55701
|
|
|
55695
55702
|
|
|
55696
55703
|
// Chat toolbar
|
|
55697
|
-
.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;
|
|
55698
55708
|
width: 100%;
|
|
55699
55709
|
border-width: 1px 0 0;
|
|
55710
|
+
box-sizing: border-box;
|
|
55700
55711
|
flex: none;
|
|
55712
|
+
overflow: hidden;
|
|
55713
|
+
position: relative;
|
|
55714
|
+
gap: $kendo-toolbar-md-spacing;
|
|
55701
55715
|
|
|
55702
55716
|
&::before {
|
|
55703
55717
|
display: none;
|
|
@@ -57515,21 +57529,18 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
|
|
|
57515
57529
|
cursor: default;
|
|
57516
57530
|
white-space: nowrap;
|
|
57517
57531
|
|
|
57532
|
+
> .k-scrollview-view {
|
|
57533
|
+
display: inline-block;
|
|
57534
|
+
overflow: hidden;
|
|
57535
|
+
flex-shrink: 0;
|
|
57536
|
+
}
|
|
57537
|
+
|
|
57518
57538
|
img {
|
|
57519
57539
|
user-select: none;
|
|
57520
57540
|
}
|
|
57521
57541
|
|
|
57522
57542
|
}
|
|
57523
57543
|
|
|
57524
|
-
// Can be removed once Angular are able to rely on the animations from the themes
|
|
57525
|
-
kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
|
|
57526
|
-
display: inline-block;
|
|
57527
|
-
overflow: hidden;
|
|
57528
|
-
position: absolute;
|
|
57529
|
-
top: 0;
|
|
57530
|
-
left: 0;
|
|
57531
|
-
}
|
|
57532
|
-
|
|
57533
57544
|
.k-scrollview-wrap.k-scrollview-animate {
|
|
57534
57545
|
width: calc( var(--kendo-scrollview-views, 1) * 100% );
|
|
57535
57546
|
transition-duration: $kendo-scrollview-transition-duration;
|
package/dist/meta/variables.json
CHANGED
|
@@ -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"
|
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.
|
|
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.
|
|
55
|
-
"@progress/kendo-theme-default": "6.7.0-dev.
|
|
56
|
-
"@progress/kendo-theme-utils": "6.7.0-dev.
|
|
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": "
|
|
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;
|