@progress/kendo-theme-material 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/material-aqua-dark.json +1 -1
- package/lib/swatches/material-arctic.json +1 -1
- package/lib/swatches/material-burnt-teal.json +1 -1
- package/lib/swatches/material-dataviz-v4.json +1 -1
- package/lib/swatches/material-eggplant.json +1 -1
- package/lib/swatches/material-lime-dark.json +1 -1
- package/lib/swatches/material-lime.json +1 -1
- package/lib/swatches/material-main-dark.json +1 -1
- package/lib/swatches/material-main.json +1 -1
- package/lib/swatches/material-nova.json +1 -1
- package/lib/swatches/material-pacific-dark.json +1 -1
- package/lib/swatches/material-pacific.json +1 -1
- package/lib/swatches/material-sky-dark.json +1 -1
- package/lib/swatches/material-sky.json +1 -1
- package/lib/swatches/material-smoke.json +1 -1
- package/package.json +5 -5
- package/scss/chat/_variables.scss +2 -0
package/dist/all.css
CHANGED
|
@@ -37776,6 +37776,12 @@ select.k-picker-lg {
|
|
|
37776
37776
|
color: #3f51b5;
|
|
37777
37777
|
}
|
|
37778
37778
|
|
|
37779
|
+
.k-floating-label-container.k-invalid > .k-label,
|
|
37780
|
+
.k-floating-label-container.ng-invalid.ng-touched > .k-label,
|
|
37781
|
+
.k-floating-label-container.ng-invalid.ng-dirty > .k-label {
|
|
37782
|
+
color: #f31700;
|
|
37783
|
+
}
|
|
37784
|
+
|
|
37779
37785
|
.k-floating-label-container.k-invalid + .k-label,
|
|
37780
37786
|
.k-floating-label-container .k-invalid + .k-label,
|
|
37781
37787
|
.k-floating-label-container .ng-invalid.ng-touched + .k-label,
|
|
@@ -55569,28 +55575,39 @@ kendo-scheduler .k-event .k-event-actions,
|
|
|
55569
55575
|
}
|
|
55570
55576
|
}
|
|
55571
55577
|
|
|
55572
|
-
.k-chat-toolbar
|
|
55578
|
+
.k-chat-toolbar,
|
|
55579
|
+
.k-chat .k-toolbar-box {
|
|
55580
|
+
padding-block: 8px;
|
|
55581
|
+
padding-inline: 8px;
|
|
55573
55582
|
width: 100%;
|
|
55574
55583
|
border-width: 1px 0 0;
|
|
55584
|
+
box-sizing: border-box;
|
|
55575
55585
|
flex: none;
|
|
55586
|
+
overflow: hidden;
|
|
55587
|
+
position: relative;
|
|
55588
|
+
gap: 8px;
|
|
55576
55589
|
}
|
|
55577
55590
|
|
|
55578
|
-
.k-chat-toolbar::before
|
|
55591
|
+
.k-chat-toolbar::before,
|
|
55592
|
+
.k-chat .k-toolbar-box::before {
|
|
55579
55593
|
display: none;
|
|
55580
55594
|
}
|
|
55581
55595
|
|
|
55582
|
-
.k-chat-toolbar .k-button-list
|
|
55596
|
+
.k-chat-toolbar .k-button-list,
|
|
55597
|
+
.k-chat .k-toolbar-box .k-button-list {
|
|
55583
55598
|
display: flex;
|
|
55584
55599
|
flex-flow: row nowrap;
|
|
55585
55600
|
overflow: hidden;
|
|
55586
55601
|
scroll-behavior: smooth;
|
|
55587
55602
|
}
|
|
55588
55603
|
|
|
55589
|
-
.k-chat-toolbar .k-button
|
|
55604
|
+
.k-chat-toolbar .k-button,
|
|
55605
|
+
.k-chat .k-toolbar-box .k-button {
|
|
55590
55606
|
flex: none;
|
|
55591
55607
|
}
|
|
55592
55608
|
|
|
55593
|
-
.k-chat-toolbar .k-scroll-button
|
|
55609
|
+
.k-chat-toolbar .k-scroll-button,
|
|
55610
|
+
.k-chat .k-toolbar-box .k-scroll-button {
|
|
55594
55611
|
padding: 0 4px;
|
|
55595
55612
|
height: 100%;
|
|
55596
55613
|
aspect-ratio: auto;
|
|
@@ -55599,16 +55616,19 @@ kendo-scheduler .k-event .k-event-actions,
|
|
|
55599
55616
|
top: 0;
|
|
55600
55617
|
}
|
|
55601
55618
|
|
|
55602
|
-
.k-chat-toolbar .k-scroll-button .k-button-icon
|
|
55619
|
+
.k-chat-toolbar .k-scroll-button .k-button-icon,
|
|
55620
|
+
.k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
|
|
55603
55621
|
min-width: auto;
|
|
55604
55622
|
min-height: auto;
|
|
55605
55623
|
}
|
|
55606
55624
|
|
|
55607
|
-
.k-chat-toolbar .k-scroll-button-left
|
|
55625
|
+
.k-chat-toolbar .k-scroll-button-left,
|
|
55626
|
+
.k-chat .k-toolbar-box .k-scroll-button-left {
|
|
55608
55627
|
left: 0;
|
|
55609
55628
|
}
|
|
55610
55629
|
|
|
55611
|
-
.k-chat-toolbar .k-scroll-button-right
|
|
55630
|
+
.k-chat-toolbar .k-scroll-button-right,
|
|
55631
|
+
.k-chat .k-toolbar-box .k-scroll-button-right {
|
|
55612
55632
|
right: 0;
|
|
55613
55633
|
}
|
|
55614
55634
|
|
|
@@ -56591,20 +56611,18 @@ kendo-scheduler .k-event .k-event-actions,
|
|
|
56591
56611
|
white-space: nowrap;
|
|
56592
56612
|
}
|
|
56593
56613
|
|
|
56614
|
+
.k-scrollview-wrap > .k-scrollview-view {
|
|
56615
|
+
display: inline-block;
|
|
56616
|
+
overflow: hidden;
|
|
56617
|
+
flex-shrink: 0;
|
|
56618
|
+
}
|
|
56619
|
+
|
|
56594
56620
|
.k-scrollview-wrap img {
|
|
56595
56621
|
-webkit-user-select: none;
|
|
56596
56622
|
-ms-user-select: none;
|
|
56597
56623
|
user-select: none;
|
|
56598
56624
|
}
|
|
56599
56625
|
|
|
56600
|
-
kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
|
|
56601
|
-
display: inline-block;
|
|
56602
|
-
overflow: hidden;
|
|
56603
|
-
position: absolute;
|
|
56604
|
-
top: 0;
|
|
56605
|
-
left: 0;
|
|
56606
|
-
}
|
|
56607
|
-
|
|
56608
56626
|
.k-scrollview-wrap.k-scrollview-animate {
|
|
56609
56627
|
width: calc(var(--kendo-scrollview-views, 1)*100%);
|
|
56610
56628
|
transition-duration: 0.3s;
|
package/dist/all.scss
CHANGED
|
@@ -28022,6 +28022,11 @@ $kendo-floating-label-focus-text: $kendo-color-primary !default;
|
|
|
28022
28022
|
);
|
|
28023
28023
|
}
|
|
28024
28024
|
|
|
28025
|
+
&.k-invalid > .k-label,
|
|
28026
|
+
&.ng-invalid.ng-touched > .k-label,
|
|
28027
|
+
&.ng-invalid.ng-dirty > .k-label {
|
|
28028
|
+
@include fill ( $color: $kendo-invalid-text );
|
|
28029
|
+
}
|
|
28025
28030
|
}
|
|
28026
28031
|
|
|
28027
28032
|
}
|
|
@@ -58325,6 +58330,8 @@ $kendo-chat-bubble-border-radius-sm: 2px !default;
|
|
|
58325
58330
|
$kendo-chat-avatar-size: 32px !default;
|
|
58326
58331
|
$kendo-chat-avatar-spacing: $kendo-chat-item-spacing-x !default;
|
|
58327
58332
|
|
|
58333
|
+
$kendo-chat-toolbar-padding-x: $kendo-toolbar-md-padding-x !default;
|
|
58334
|
+
$kendo-chat-toolbar-padding-y: $kendo-toolbar-md-padding-y !default;
|
|
58328
58335
|
$kendo-chat-toolbar-spacing: $kendo-toolbar-md-spacing !default;
|
|
58329
58336
|
$kendo-chat-toolbar-bg: k-try-shade( $kendo-button-bg, .5 ) !default;
|
|
58330
58337
|
$kendo-chat-toolbar-text: $kendo-toolbar-text !default;
|
|
@@ -58773,10 +58780,17 @@ $kendo-chat-quick-reply-hover-border: $kendo-color-primary !default;
|
|
|
58773
58780
|
|
|
58774
58781
|
|
|
58775
58782
|
// Chat toolbar
|
|
58776
|
-
.k-chat-toolbar
|
|
58783
|
+
.k-chat-toolbar,
|
|
58784
|
+
.k-chat .k-toolbar-box {
|
|
58785
|
+
padding-block: $kendo-chat-toolbar-padding-y;
|
|
58786
|
+
padding-inline: $kendo-chat-toolbar-padding-x;
|
|
58777
58787
|
width: 100%;
|
|
58778
58788
|
border-width: 1px 0 0;
|
|
58789
|
+
box-sizing: border-box;
|
|
58779
58790
|
flex: none;
|
|
58791
|
+
overflow: hidden;
|
|
58792
|
+
position: relative;
|
|
58793
|
+
gap: $kendo-toolbar-md-spacing;
|
|
58780
58794
|
|
|
58781
58795
|
&::before {
|
|
58782
58796
|
display: none;
|
|
@@ -60613,21 +60627,18 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
|
|
|
60613
60627
|
cursor: default;
|
|
60614
60628
|
white-space: nowrap;
|
|
60615
60629
|
|
|
60630
|
+
> .k-scrollview-view {
|
|
60631
|
+
display: inline-block;
|
|
60632
|
+
overflow: hidden;
|
|
60633
|
+
flex-shrink: 0;
|
|
60634
|
+
}
|
|
60635
|
+
|
|
60616
60636
|
img {
|
|
60617
60637
|
user-select: none;
|
|
60618
60638
|
}
|
|
60619
60639
|
|
|
60620
60640
|
}
|
|
60621
60641
|
|
|
60622
|
-
// Can be removed once Angular are able to rely on the animations from the themes
|
|
60623
|
-
kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
|
|
60624
|
-
display: inline-block;
|
|
60625
|
-
overflow: hidden;
|
|
60626
|
-
position: absolute;
|
|
60627
|
-
top: 0;
|
|
60628
|
-
left: 0;
|
|
60629
|
-
}
|
|
60630
|
-
|
|
60631
60642
|
.k-scrollview-wrap.k-scrollview-animate {
|
|
60632
60643
|
width: calc( var(--kendo-scrollview-views, 1) * 100% );
|
|
60633
60644
|
transition-duration: $kendo-scrollview-transition-duration;
|
package/dist/meta/variables.json
CHANGED
|
@@ -11559,6 +11559,14 @@
|
|
|
11559
11559
|
"type": "Number",
|
|
11560
11560
|
"value": "8px"
|
|
11561
11561
|
},
|
|
11562
|
+
"kendo-chat-toolbar-padding-x": {
|
|
11563
|
+
"type": "Number",
|
|
11564
|
+
"value": "8px"
|
|
11565
|
+
},
|
|
11566
|
+
"kendo-chat-toolbar-padding-y": {
|
|
11567
|
+
"type": "Number",
|
|
11568
|
+
"value": "8px"
|
|
11569
|
+
},
|
|
11562
11570
|
"kendo-chat-toolbar-spacing": {
|
|
11563
11571
|
"type": "Number",
|
|
11564
11572
|
"value": "8px"
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-material",
|
|
3
3
|
"description": "Material theme for Kendo UI",
|
|
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": [
|
|
@@ -52,9 +52,9 @@
|
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
54
|
"@progress/kendo-font-icons": "1.8.0",
|
|
55
|
-
"@progress/kendo-theme-core": "6.7.0-dev.
|
|
56
|
-
"@progress/kendo-theme-default": "6.7.0-dev.
|
|
57
|
-
"@progress/kendo-theme-utils": "6.7.0-dev.
|
|
55
|
+
"@progress/kendo-theme-core": "6.7.0-dev.4",
|
|
56
|
+
"@progress/kendo-theme-default": "6.7.0-dev.4",
|
|
57
|
+
"@progress/kendo-theme-utils": "6.7.0-dev.4"
|
|
58
58
|
},
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "a55f3840f62eb640cff3a1a170bad731c6ce84f1"
|
|
60
60
|
}
|
|
@@ -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: k-try-shade( $kendo-button-bg, .5 ) !default;
|
|
37
39
|
$kendo-chat-toolbar-text: $kendo-toolbar-text !default;
|