@progress/kendo-theme-default 5.2.1-dev.0 → 5.2.1-dev.1

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 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: 100;
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: $component-bg;
2774
- opacity: .3;
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: currentColor;
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 {
@@ -3,7 +3,7 @@
3
3
  "name": "Default Blue",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.2.1-dev.0",
6
+ "version": "5.2.1-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Dataviz v4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.2.1-dev.0",
6
+ "version": "5.2.1-dev.1",
7
7
  "previewColors": [
8
8
  "#ff6358",
9
9
  "#ffd246",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Green",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.2.1-dev.0",
6
+ "version": "5.2.1-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.2.1-dev.0",
6
+ "version": "5.2.1-dev.1",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#151515",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.2.1-dev.0",
6
+ "version": "5.2.1-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Nordic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.2.1-dev.0",
6
+ "version": "5.2.1-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#50686e",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Orange",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.2.1-dev.0",
6
+ "version": "5.2.1-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Purple",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.2.1-dev.0",
6
+ "version": "5.2.1-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Turquoise",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.2.1-dev.0",
6
+ "version": "5.2.1-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Urban",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.2.1-dev.0",
6
+ "version": "5.2.1-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e3eef4",
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.1-dev.0",
4
+ "version": "5.2.1-dev.1",
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": "f6b17e06a93aecfe630f62097c35dde302cda493"
50
+ "gitHead": "9efb8de6ee8dabce6a0d5362b8978383a8afde67"
51
51
  }
@@ -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: 100;
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: $component-bg;
42
- opacity: .3;
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: currentColor;
52
+ color: $loading-text;
51
53
 
52
54
  &::before,
53
55
  &::after {
@@ -8,7 +8,7 @@
8
8
  padding: 0;
9
9
 
10
10
  .k-check-all {
11
- padding: $dropdowntree-popup-padding-y $dropdowntree-popup-padding-x;
11
+ padding: $dropdowntree-popup-padding-y $dropdowntree-popup-padding-x 0;
12
12
  }
13
13
 
14
14
  .k-treeview {
@@ -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 {}