@progress/kendo-theme-material 5.3.2-dev.1 → 5.3.2-dev.2
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 +11 -3
- package/dist/all.scss +39 -20
- 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 +3 -3
- package/scss/chip/_variables.scss +1 -1
- package/scss/floating-label/_theme.scss +2 -0
- package/scss/gantt/_variables.scss +1 -0
- package/scss/treeview/_variables.scss +24 -13
package/dist/all.css
CHANGED
|
@@ -14587,10 +14587,13 @@ textarea.k-input-inner {
|
|
|
14587
14587
|
color: rgba(0, 0, 0, 0.54);
|
|
14588
14588
|
}
|
|
14589
14589
|
|
|
14590
|
+
.k-floating-label-container.k-focus > .k-label,
|
|
14590
14591
|
.k-floating-label-container.k-state-focused > .k-label {
|
|
14591
14592
|
color: #3f51b5;
|
|
14592
14593
|
}
|
|
14593
14594
|
|
|
14595
|
+
.k-floating-label-container.k-invalid + .k-label,
|
|
14596
|
+
.k-floating-label-container .k-invalid + .k-label,
|
|
14594
14597
|
.k-floating-label-container.k-state-invalid + .k-label,
|
|
14595
14598
|
.k-floating-label-container .k-state-invalid + .k-label,
|
|
14596
14599
|
.k-floating-label-container .ng-invalid.ng-touched + .k-label,
|
|
@@ -33358,15 +33361,20 @@ td.k-editor-content {
|
|
|
33358
33361
|
|
|
33359
33362
|
.k-gantt-tooltip-validation-label {
|
|
33360
33363
|
display: inline-flex;
|
|
33361
|
-
|
|
33362
|
-
overflow: hidden;
|
|
33363
|
-
text-overflow: ellipsis;
|
|
33364
|
+
min-width: 50px;
|
|
33364
33365
|
}
|
|
33365
33366
|
|
|
33366
33367
|
.k-gantt-tooltip-validation-value {
|
|
33367
33368
|
font-weight: 500;
|
|
33368
33369
|
}
|
|
33369
33370
|
|
|
33371
|
+
.k-gantt-tooltip-validation-label,
|
|
33372
|
+
.k-gantt-tooltip-validation-value {
|
|
33373
|
+
white-space: nowrap;
|
|
33374
|
+
overflow: hidden;
|
|
33375
|
+
text-overflow: ellipsis;
|
|
33376
|
+
}
|
|
33377
|
+
|
|
33370
33378
|
.k-pdf-export-shadow .k-gantt {
|
|
33371
33379
|
float: left;
|
|
33372
33380
|
}
|
package/dist/all.scss
CHANGED
|
@@ -10992,6 +10992,7 @@ $floating-label-focus-text: $primary !default;
|
|
|
10992
10992
|
);
|
|
10993
10993
|
}
|
|
10994
10994
|
|
|
10995
|
+
&.k-focus > .k-label,
|
|
10995
10996
|
&.k-state-focused > .k-label {
|
|
10996
10997
|
@include fill(
|
|
10997
10998
|
$color: $floating-label-focus-text,
|
|
@@ -11011,6 +11012,8 @@ $floating-label-focus-text: $primary !default;
|
|
|
11011
11012
|
// Floating label
|
|
11012
11013
|
.k-floating-label-container {
|
|
11013
11014
|
|
|
11015
|
+
&.k-invalid + .k-label,
|
|
11016
|
+
.k-invalid + .k-label,
|
|
11014
11017
|
&.k-state-invalid + .k-label,
|
|
11015
11018
|
.k-state-invalid + .k-label,
|
|
11016
11019
|
.ng-invalid.ng-touched + .k-label,
|
|
@@ -12288,7 +12291,7 @@ $kendo-chip-sizes: (
|
|
|
12288
12291
|
|
|
12289
12292
|
/// The base background of the chip.
|
|
12290
12293
|
/// @group chip
|
|
12291
|
-
$kendo-chip-base-bg: $
|
|
12294
|
+
$kendo-chip-base-bg: $base-text !default;
|
|
12292
12295
|
|
|
12293
12296
|
/// Theme colors map for the chip.
|
|
12294
12297
|
/// @group chip
|
|
@@ -14169,9 +14172,9 @@ $tooltip-error-border: $tooltip-error-bg !default;
|
|
|
14169
14172
|
}
|
|
14170
14173
|
}
|
|
14171
14174
|
|
|
14172
|
-
.k-item
|
|
14173
|
-
|
|
14174
|
-
|
|
14175
|
+
.k-item:focus,
|
|
14176
|
+
.k-item.k-focus {
|
|
14177
|
+
> .k-link {
|
|
14175
14178
|
@include box-shadow( $kendo-menu-popup-item-focus-shadow );
|
|
14176
14179
|
}
|
|
14177
14180
|
}
|
|
@@ -20794,10 +20797,15 @@ $kendo-treeview-font-family: $font-family !default;
|
|
|
20794
20797
|
/// Font size of the treeview component.
|
|
20795
20798
|
/// @group treeview
|
|
20796
20799
|
$kendo-treeview-font-size: $font-size-lg !default;
|
|
20800
|
+
$kendo-treeview-font-size-sm: $font-size-lg !default;
|
|
20801
|
+
$kendo-treeview-font-size-md: $font-size-lg !default;
|
|
20802
|
+
$kendo-treeview-font-size-lg: $font-size-lg !default;
|
|
20797
20803
|
/// Line height of the treeview component.
|
|
20798
20804
|
/// @group treeview
|
|
20799
20805
|
$kendo-treeview-line-height: 1.25 !default;
|
|
20800
|
-
|
|
20806
|
+
$kendo-treeview-line-height-sm: 1.25 !default;
|
|
20807
|
+
$kendo-treeview-line-height-md: 1.25 !default;
|
|
20808
|
+
$kendo-treeview-line-height-lg: 1.25 !default;
|
|
20801
20809
|
/// Indentation of child groups in treeview component.
|
|
20802
20810
|
/// @group treeview
|
|
20803
20811
|
$kendo-treeview-indent: 16px !default;
|
|
@@ -20805,9 +20813,15 @@ $kendo-treeview-indent: 16px !default;
|
|
|
20805
20813
|
/// Horizontal padding of treeview items.
|
|
20806
20814
|
/// @group treeview
|
|
20807
20815
|
$kendo-treeview-item-padding-x: map-get( $spacing, 4 ) !default;
|
|
20816
|
+
$kendo-treeview-item-padding-x-sm: map-get( $spacing, 4 ) !default;
|
|
20817
|
+
$kendo-treeview-item-padding-x-md: map-get( $spacing, 4 ) !default;
|
|
20818
|
+
$kendo-treeview-item-padding-x-lg: map-get( $spacing, 4 ) !default;
|
|
20808
20819
|
/// Vertical padding of treeview items.
|
|
20809
20820
|
/// @group treeview
|
|
20810
20821
|
$kendo-treeview-item-padding-y: map-get( $spacing, 2 ) !default;
|
|
20822
|
+
$kendo-treeview-item-padding-y-sm: map-get( $spacing, 2 ) - map-get( $spacing, thin ) !default;
|
|
20823
|
+
$kendo-treeview-item-padding-y-md: map-get( $spacing, 2 ) !default;
|
|
20824
|
+
$kendo-treeview-item-padding-y-lg: map-get( $spacing, 2 ) + map-get( $spacing, thin ) !default;
|
|
20811
20825
|
/// Border width of treeview items.
|
|
20812
20826
|
/// @group treeview
|
|
20813
20827
|
$kendo-treeview-item-border-width: 0px !default;
|
|
@@ -20820,22 +20834,22 @@ $kendo-treeview-item-border-radius: null !default;
|
|
|
20820
20834
|
/// @group treeview
|
|
20821
20835
|
$kendo-treeview-sizes: (
|
|
20822
20836
|
sm: (
|
|
20823
|
-
font-size: $font-size-
|
|
20824
|
-
line-height:
|
|
20825
|
-
item-padding-x:
|
|
20826
|
-
item-padding-y:
|
|
20837
|
+
font-size: $kendo-treeview-font-size-sm,
|
|
20838
|
+
line-height: $kendo-treeview-line-height-sm,
|
|
20839
|
+
item-padding-x: $kendo-treeview-item-padding-x-sm,
|
|
20840
|
+
item-padding-y: $kendo-treeview-item-padding-y-sm
|
|
20827
20841
|
),
|
|
20828
20842
|
md: (
|
|
20829
|
-
font-size: $font-size-
|
|
20830
|
-
line-height:
|
|
20831
|
-
item-padding-x:
|
|
20832
|
-
item-padding-y:
|
|
20843
|
+
font-size: $kendo-treeview-font-size-md,
|
|
20844
|
+
line-height: $kendo-treeview-line-height-md,
|
|
20845
|
+
item-padding-x: $kendo-treeview-item-padding-x-md,
|
|
20846
|
+
item-padding-y: $kendo-treeview-item-padding-y-md
|
|
20833
20847
|
),
|
|
20834
20848
|
lg: (
|
|
20835
|
-
font-size: $font-size-lg,
|
|
20836
|
-
line-height:
|
|
20837
|
-
item-padding-x:
|
|
20838
|
-
item-padding-y:
|
|
20849
|
+
font-size: $kendo-treeview-font-size-lg,
|
|
20850
|
+
line-height: $kendo-treeview-line-height-lg,
|
|
20851
|
+
item-padding-x: $kendo-treeview-item-padding-x-lg,
|
|
20852
|
+
item-padding-y: $kendo-treeview-item-padding-y-lg
|
|
20839
20853
|
)
|
|
20840
20854
|
) !default;
|
|
20841
20855
|
|
|
@@ -38126,6 +38140,7 @@ $gantt-action-on-offset-text: #000000 !default;
|
|
|
38126
38140
|
$gantt-offset-resize-handler-top: 50% !default;
|
|
38127
38141
|
|
|
38128
38142
|
$gantt-validation-tooltip-width: 200px !default;
|
|
38143
|
+
$gantt-validation-tooltip-label-width: 50px !default;
|
|
38129
38144
|
$gantt-validation-tooltip-border: #656565 !default;
|
|
38130
38145
|
$gantt-validation-tooltip-valid-border: $success !default;
|
|
38131
38146
|
$gantt-validation-tooltip-invalid-border: $error !default;
|
|
@@ -38866,13 +38881,17 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
38866
38881
|
}
|
|
38867
38882
|
.k-gantt-tooltip-validation-label {
|
|
38868
38883
|
display: inline-flex;
|
|
38869
|
-
|
|
38870
|
-
overflow: hidden;
|
|
38871
|
-
text-overflow: ellipsis;
|
|
38884
|
+
min-width: $gantt-validation-tooltip-label-width;
|
|
38872
38885
|
}
|
|
38873
38886
|
.k-gantt-tooltip-validation-value {
|
|
38874
38887
|
font-weight: $font-weight-bold;
|
|
38875
38888
|
}
|
|
38889
|
+
.k-gantt-tooltip-validation-label,
|
|
38890
|
+
.k-gantt-tooltip-validation-value {
|
|
38891
|
+
white-space: nowrap;
|
|
38892
|
+
overflow: hidden;
|
|
38893
|
+
text-overflow: ellipsis;
|
|
38894
|
+
}
|
|
38876
38895
|
}
|
|
38877
38896
|
|
|
38878
38897
|
@include exports("gantt/export") {
|
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": "5.3.2-dev.
|
|
4
|
+
"version": "5.3.2-dev.2",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"postpublish": "echo 'no postpublish for material theme'"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@progress/kendo-theme-default": "^5.3.2-dev.
|
|
53
|
+
"@progress/kendo-theme-default": "^5.3.2-dev.2"
|
|
54
54
|
},
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "be486e034baed68c866f3b61313899b350317d60"
|
|
56
56
|
}
|
|
@@ -87,6 +87,7 @@ $gantt-action-on-offset-text: #000000 !default;
|
|
|
87
87
|
$gantt-offset-resize-handler-top: 50% !default;
|
|
88
88
|
|
|
89
89
|
$gantt-validation-tooltip-width: 200px !default;
|
|
90
|
+
$gantt-validation-tooltip-label-width: 50px !default;
|
|
90
91
|
$gantt-validation-tooltip-border: #656565 !default;
|
|
91
92
|
$gantt-validation-tooltip-valid-border: $success !default;
|
|
92
93
|
$gantt-validation-tooltip-invalid-border: $error !default;
|
|
@@ -6,10 +6,15 @@ $kendo-treeview-font-family: $font-family !default;
|
|
|
6
6
|
/// Font size of the treeview component.
|
|
7
7
|
/// @group treeview
|
|
8
8
|
$kendo-treeview-font-size: $font-size-lg !default;
|
|
9
|
+
$kendo-treeview-font-size-sm: $font-size-lg !default;
|
|
10
|
+
$kendo-treeview-font-size-md: $font-size-lg !default;
|
|
11
|
+
$kendo-treeview-font-size-lg: $font-size-lg !default;
|
|
9
12
|
/// Line height of the treeview component.
|
|
10
13
|
/// @group treeview
|
|
11
14
|
$kendo-treeview-line-height: 1.25 !default;
|
|
12
|
-
|
|
15
|
+
$kendo-treeview-line-height-sm: 1.25 !default;
|
|
16
|
+
$kendo-treeview-line-height-md: 1.25 !default;
|
|
17
|
+
$kendo-treeview-line-height-lg: 1.25 !default;
|
|
13
18
|
/// Indentation of child groups in treeview component.
|
|
14
19
|
/// @group treeview
|
|
15
20
|
$kendo-treeview-indent: 16px !default;
|
|
@@ -17,9 +22,15 @@ $kendo-treeview-indent: 16px !default;
|
|
|
17
22
|
/// Horizontal padding of treeview items.
|
|
18
23
|
/// @group treeview
|
|
19
24
|
$kendo-treeview-item-padding-x: map-get( $spacing, 4 ) !default;
|
|
25
|
+
$kendo-treeview-item-padding-x-sm: map-get( $spacing, 4 ) !default;
|
|
26
|
+
$kendo-treeview-item-padding-x-md: map-get( $spacing, 4 ) !default;
|
|
27
|
+
$kendo-treeview-item-padding-x-lg: map-get( $spacing, 4 ) !default;
|
|
20
28
|
/// Vertical padding of treeview items.
|
|
21
29
|
/// @group treeview
|
|
22
30
|
$kendo-treeview-item-padding-y: map-get( $spacing, 2 ) !default;
|
|
31
|
+
$kendo-treeview-item-padding-y-sm: map-get( $spacing, 2 ) - map-get( $spacing, thin ) !default;
|
|
32
|
+
$kendo-treeview-item-padding-y-md: map-get( $spacing, 2 ) !default;
|
|
33
|
+
$kendo-treeview-item-padding-y-lg: map-get( $spacing, 2 ) + map-get( $spacing, thin ) !default;
|
|
23
34
|
/// Border width of treeview items.
|
|
24
35
|
/// @group treeview
|
|
25
36
|
$kendo-treeview-item-border-width: 0px !default;
|
|
@@ -32,22 +43,22 @@ $kendo-treeview-item-border-radius: null !default;
|
|
|
32
43
|
/// @group treeview
|
|
33
44
|
$kendo-treeview-sizes: (
|
|
34
45
|
sm: (
|
|
35
|
-
font-size: $font-size-
|
|
36
|
-
line-height:
|
|
37
|
-
item-padding-x:
|
|
38
|
-
item-padding-y:
|
|
46
|
+
font-size: $kendo-treeview-font-size-sm,
|
|
47
|
+
line-height: $kendo-treeview-line-height-sm,
|
|
48
|
+
item-padding-x: $kendo-treeview-item-padding-x-sm,
|
|
49
|
+
item-padding-y: $kendo-treeview-item-padding-y-sm
|
|
39
50
|
),
|
|
40
51
|
md: (
|
|
41
|
-
font-size: $font-size-
|
|
42
|
-
line-height:
|
|
43
|
-
item-padding-x:
|
|
44
|
-
item-padding-y:
|
|
52
|
+
font-size: $kendo-treeview-font-size-md,
|
|
53
|
+
line-height: $kendo-treeview-line-height-md,
|
|
54
|
+
item-padding-x: $kendo-treeview-item-padding-x-md,
|
|
55
|
+
item-padding-y: $kendo-treeview-item-padding-y-md
|
|
45
56
|
),
|
|
46
57
|
lg: (
|
|
47
|
-
font-size: $font-size-lg,
|
|
48
|
-
line-height:
|
|
49
|
-
item-padding-x:
|
|
50
|
-
item-padding-y:
|
|
58
|
+
font-size: $kendo-treeview-font-size-lg,
|
|
59
|
+
line-height: $kendo-treeview-line-height-lg,
|
|
60
|
+
item-padding-x: $kendo-treeview-item-padding-x-lg,
|
|
61
|
+
item-padding-y: $kendo-treeview-item-padding-y-lg
|
|
51
62
|
)
|
|
52
63
|
) !default;
|
|
53
64
|
|