@progress/kendo-theme-default 5.2.0 → 5.2.1-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 +36 -2
- package/dist/all.scss +24 -7
- package/lib/swatches/default-blue.json +1 -1
- package/lib/swatches/default-dataviz-v4.json +1 -1
- package/lib/swatches/default-green.json +1 -1
- package/lib/swatches/default-main-dark.json +1 -1
- package/lib/swatches/default-main.json +1 -1
- package/lib/swatches/default-nordic.json +1 -1
- package/lib/swatches/default-orange.json +1 -1
- package/lib/swatches/default-purple.json +1 -1
- package/lib/swatches/default-turquoise.json +1 -1
- package/lib/swatches/default-urban.json +1 -1
- package/package.json +2 -2
- package/scss/_variables.scss +4 -1
- package/scss/common/_loading.scss +6 -4
- package/scss/dropdowntree/_layout.scss +1 -1
- package/scss/input/_layout.scss +13 -1
package/dist/all.css
CHANGED
|
@@ -997,15 +997,17 @@ kendo-sortable {
|
|
|
997
997
|
text-indent: -4000px;
|
|
998
998
|
text-align: center;
|
|
999
999
|
position: absolute;
|
|
1000
|
+
color: currentColor;
|
|
1000
1001
|
}
|
|
1001
1002
|
|
|
1002
1003
|
.k-loading-image {
|
|
1003
1004
|
z-index: 2;
|
|
1005
|
+
color: currentColor;
|
|
1004
1006
|
}
|
|
1005
1007
|
|
|
1006
1008
|
.k-loading-color {
|
|
1007
1009
|
background-color: #ffffff;
|
|
1008
|
-
opacity: .3;
|
|
1010
|
+
opacity: 0.3;
|
|
1009
1011
|
}
|
|
1010
1012
|
|
|
1011
1013
|
.k-i-loading {
|
|
@@ -13349,6 +13351,38 @@ kendo-badge-container {
|
|
|
13349
13351
|
margin: 0;
|
|
13350
13352
|
}
|
|
13351
13353
|
|
|
13354
|
+
.k-input:disabled, .k-input[disabled], .k-input.k-disabled,
|
|
13355
|
+
.k-picker:disabled,
|
|
13356
|
+
.k-picker[disabled],
|
|
13357
|
+
.k-picker.k-disabled {
|
|
13358
|
+
outline: none;
|
|
13359
|
+
cursor: default;
|
|
13360
|
+
opacity: 0.6;
|
|
13361
|
+
filter: grayscale(0.1);
|
|
13362
|
+
pointer-events: none;
|
|
13363
|
+
box-shadow: none;
|
|
13364
|
+
}
|
|
13365
|
+
|
|
13366
|
+
.k-input:disabled [disabled],
|
|
13367
|
+
.k-input:disabled .k-disabled,
|
|
13368
|
+
.k-input:disabled .k-state-disabled, .k-input[disabled] [disabled],
|
|
13369
|
+
.k-input[disabled] .k-disabled,
|
|
13370
|
+
.k-input[disabled] .k-state-disabled, .k-input.k-disabled [disabled],
|
|
13371
|
+
.k-input.k-disabled .k-disabled,
|
|
13372
|
+
.k-input.k-disabled .k-state-disabled,
|
|
13373
|
+
.k-picker:disabled [disabled],
|
|
13374
|
+
.k-picker:disabled .k-disabled,
|
|
13375
|
+
.k-picker:disabled .k-state-disabled,
|
|
13376
|
+
.k-picker[disabled] [disabled],
|
|
13377
|
+
.k-picker[disabled] .k-disabled,
|
|
13378
|
+
.k-picker[disabled] .k-state-disabled,
|
|
13379
|
+
.k-picker.k-disabled [disabled],
|
|
13380
|
+
.k-picker.k-disabled .k-disabled,
|
|
13381
|
+
.k-picker.k-disabled .k-state-disabled {
|
|
13382
|
+
opacity: 1;
|
|
13383
|
+
filter: grayscale(0);
|
|
13384
|
+
}
|
|
13385
|
+
|
|
13352
13386
|
input.k-input {
|
|
13353
13387
|
padding: 4px 8px;
|
|
13354
13388
|
}
|
|
@@ -19733,7 +19767,7 @@ kendo-label > .k-label {
|
|
|
19733
19767
|
}
|
|
19734
19768
|
|
|
19735
19769
|
.k-popup-dropdowntree .k-check-all {
|
|
19736
|
-
padding: 8px 8px;
|
|
19770
|
+
padding: 8px 8px 0;
|
|
19737
19771
|
}
|
|
19738
19772
|
|
|
19739
19773
|
.k-popup-dropdowntree .k-treeview {
|
package/dist/all.scss
CHANGED
|
@@ -1327,7 +1327,10 @@ $header-gradient: null !default;
|
|
|
1327
1327
|
|
|
1328
1328
|
|
|
1329
1329
|
// Loading
|
|
1330
|
-
|
|
1330
|
+
$loading-bg: $component-bg !default;
|
|
1331
|
+
$loading-text: currentColor !default;
|
|
1332
|
+
$loading-opacity: .3 !default;
|
|
1333
|
+
$zindex-loading: 100 !default;
|
|
1331
1334
|
|
|
1332
1335
|
// Placeholder
|
|
1333
1336
|
$placeholder-line-width: 100% !default;
|
|
@@ -2753,7 +2756,7 @@ $display4-letter-spacing: null !default;
|
|
|
2753
2756
|
}
|
|
2754
2757
|
|
|
2755
2758
|
.k-loading-mask {
|
|
2756
|
-
z-index:
|
|
2759
|
+
z-index: $zindex-loading;
|
|
2757
2760
|
|
|
2758
2761
|
&.k-opaque {
|
|
2759
2762
|
.k-loading-color {
|
|
@@ -2765,13 +2768,15 @@ $display4-letter-spacing: null !default;
|
|
|
2765
2768
|
text-indent: -4000px;
|
|
2766
2769
|
text-align: center;
|
|
2767
2770
|
position: absolute;
|
|
2771
|
+
color: $loading-text;
|
|
2768
2772
|
}
|
|
2769
2773
|
.k-loading-image {
|
|
2770
2774
|
z-index: 2;
|
|
2775
|
+
color: $loading-text;
|
|
2771
2776
|
}
|
|
2772
2777
|
.k-loading-color {
|
|
2773
|
-
background-color: $
|
|
2774
|
-
opacity:
|
|
2778
|
+
background-color: $loading-bg;
|
|
2779
|
+
opacity: $loading-opacity;
|
|
2775
2780
|
}
|
|
2776
2781
|
|
|
2777
2782
|
// Loading indicator
|
|
@@ -2779,7 +2784,7 @@ $display4-letter-spacing: null !default;
|
|
|
2779
2784
|
position: relative;
|
|
2780
2785
|
background-color: transparent;
|
|
2781
2786
|
box-sizing: border-box;
|
|
2782
|
-
color:
|
|
2787
|
+
color: $loading-text;
|
|
2783
2788
|
|
|
2784
2789
|
&::before,
|
|
2785
2790
|
&::after {
|
|
@@ -9016,8 +9021,20 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
|
|
|
9016
9021
|
& > * {
|
|
9017
9022
|
margin: 0;
|
|
9018
9023
|
}
|
|
9019
|
-
}
|
|
9020
9024
|
|
|
9025
|
+
&:disabled,
|
|
9026
|
+
&[disabled],
|
|
9027
|
+
&.k-disabled {
|
|
9028
|
+
@include disabled( $disabled-styling );
|
|
9029
|
+
|
|
9030
|
+
[disabled],
|
|
9031
|
+
.k-disabled,
|
|
9032
|
+
.k-state-disabled {
|
|
9033
|
+
opacity: 1;
|
|
9034
|
+
filter: grayscale(0);
|
|
9035
|
+
}
|
|
9036
|
+
}
|
|
9037
|
+
}
|
|
9021
9038
|
|
|
9022
9039
|
// Input
|
|
9023
9040
|
.k-input {}
|
|
@@ -19192,7 +19209,7 @@ $dropdowntree-popup-padding-y: map-get( $spacing, 2 ) !default;
|
|
|
19192
19209
|
padding: 0;
|
|
19193
19210
|
|
|
19194
19211
|
.k-check-all {
|
|
19195
|
-
padding: $dropdowntree-popup-padding-y $dropdowntree-popup-padding-x;
|
|
19212
|
+
padding: $dropdowntree-popup-padding-y $dropdowntree-popup-padding-x 0;
|
|
19196
19213
|
}
|
|
19197
19214
|
|
|
19198
19215
|
.k-treeview {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-default",
|
|
3
3
|
"description": "SASS resources for the default Kendo UI theme",
|
|
4
|
-
"version": "5.2.
|
|
4
|
+
"version": "5.2.1-dev.2",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"prepublishOnly": "node ../../scripts/themes-prepublish.js",
|
|
48
48
|
"postpublish": "echo 'no postpublish for default theme'"
|
|
49
49
|
},
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "e446301962e9eba01d9e3c1920b77c5349ce68cf"
|
|
51
51
|
}
|
package/scss/_variables.scss
CHANGED
|
@@ -343,7 +343,10 @@ $header-gradient: null !default;
|
|
|
343
343
|
|
|
344
344
|
|
|
345
345
|
// Loading
|
|
346
|
-
|
|
346
|
+
$loading-bg: $component-bg !default;
|
|
347
|
+
$loading-text: currentColor !default;
|
|
348
|
+
$loading-opacity: .3 !default;
|
|
349
|
+
$zindex-loading: 100 !default;
|
|
347
350
|
|
|
348
351
|
// Placeholder
|
|
349
352
|
$placeholder-line-width: 100% !default;
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
.k-loading-mask {
|
|
24
|
-
z-index:
|
|
24
|
+
z-index: $zindex-loading;
|
|
25
25
|
|
|
26
26
|
&.k-opaque {
|
|
27
27
|
.k-loading-color {
|
|
@@ -33,13 +33,15 @@
|
|
|
33
33
|
text-indent: -4000px;
|
|
34
34
|
text-align: center;
|
|
35
35
|
position: absolute;
|
|
36
|
+
color: $loading-text;
|
|
36
37
|
}
|
|
37
38
|
.k-loading-image {
|
|
38
39
|
z-index: 2;
|
|
40
|
+
color: $loading-text;
|
|
39
41
|
}
|
|
40
42
|
.k-loading-color {
|
|
41
|
-
background-color: $
|
|
42
|
-
opacity:
|
|
43
|
+
background-color: $loading-bg;
|
|
44
|
+
opacity: $loading-opacity;
|
|
43
45
|
}
|
|
44
46
|
|
|
45
47
|
// Loading indicator
|
|
@@ -47,7 +49,7 @@
|
|
|
47
49
|
position: relative;
|
|
48
50
|
background-color: transparent;
|
|
49
51
|
box-sizing: border-box;
|
|
50
|
-
color:
|
|
52
|
+
color: $loading-text;
|
|
51
53
|
|
|
52
54
|
&::before,
|
|
53
55
|
&::after {
|
package/scss/input/_layout.scss
CHANGED
|
@@ -47,8 +47,20 @@
|
|
|
47
47
|
& > * {
|
|
48
48
|
margin: 0;
|
|
49
49
|
}
|
|
50
|
-
}
|
|
51
50
|
|
|
51
|
+
&:disabled,
|
|
52
|
+
&[disabled],
|
|
53
|
+
&.k-disabled {
|
|
54
|
+
@include disabled( $disabled-styling );
|
|
55
|
+
|
|
56
|
+
[disabled],
|
|
57
|
+
.k-disabled,
|
|
58
|
+
.k-state-disabled {
|
|
59
|
+
opacity: 1;
|
|
60
|
+
filter: grayscale(0);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
52
64
|
|
|
53
65
|
// Input
|
|
54
66
|
.k-input {}
|