@progress/kendo-theme-material 5.2.0 → 5.2.1-dev.2

package/dist/all.css

@@ -995,15 +995,17 @@ kendo-sortable {
     text-indent: -4000px;
     text-align: center;
     position: absolute;
+    color: currentColor;
 }
 
 .k-loading-image {
     z-index: 2;
+    color: currentColor;
 }
 
 .k-loading-color {
     background-color: white;
-    opacity: .3;
+    opacity: 0.3;
 }
 
 .k-i-loading {
@@ -13723,6 +13725,38 @@ kendo-badge-container {
     margin: 0;
 }
 
+.k-input:disabled, .k-input[disabled], .k-input.k-disabled,
+.k-picker:disabled,
+.k-picker[disabled],
+.k-picker.k-disabled {
+    outline: none;
+    cursor: default;
+    opacity: 0.6;
+    filter: grayscale(0.1);
+    pointer-events: none;
+    box-shadow: none;
+}
+
+.k-input:disabled [disabled],
+.k-input:disabled .k-disabled,
+.k-input:disabled .k-state-disabled, .k-input[disabled] [disabled],
+.k-input[disabled] .k-disabled,
+.k-input[disabled] .k-state-disabled, .k-input.k-disabled [disabled],
+.k-input.k-disabled .k-disabled,
+.k-input.k-disabled .k-state-disabled,
+.k-picker:disabled [disabled],
+.k-picker:disabled .k-disabled,
+.k-picker:disabled .k-state-disabled,
+.k-picker[disabled] [disabled],
+.k-picker[disabled] .k-disabled,
+.k-picker[disabled] .k-state-disabled,
+.k-picker.k-disabled [disabled],
+.k-picker.k-disabled .k-disabled,
+.k-picker.k-disabled .k-state-disabled {
+    opacity: 1;
+    filter: grayscale(0);
+}
+
 input.k-input {
     padding: 8px 16px;
 }
@@ -15173,7 +15207,7 @@ textarea.k-input-inner {
 .k-chip-solid-base {
     border-color: rgba(192, 192, 192, 0.961);
     color: rgba(0, 0, 0, 0.87);
-    background-color: rgba(239, 239, 239, 0.9896);
+    background-color: rgba(235, 235, 235, 0.987);
 }
 
 .k-chip-solid-base:focus, .k-chip-solid-base.k-focus {
@@ -15364,28 +15398,83 @@ textarea.k-input-inner {
     border-color: transparent;
 }
 
+.k-chip-solid-base:hover, .k-chip-solid-base.k-hover {
+    color: rgba(0, 0, 0, 0.87);
+    background-color: rgba(0, 0, 0, 0.16);
+}
+
 .k-chip-solid-base:focus, .k-chip-solid-base.k-focus {
     box-shadow: none;
+    color: rgba(0, 0, 0, 0.87);
+    background-color: rgba(0, 0, 0, 0.24);
+}
+
+.k-chip-solid-base.k-selected {
+    color: rgba(0, 0, 0, 0.87);
     background-color: rgba(0, 0, 0, 0.24);
 }
 
+.k-chip-solid-error:hover, .k-chip-solid-error.k-hover {
+    color: #f31700;
+    background-color: rgba(243, 23, 0, 0.16);
+}
+
 .k-chip-solid-error:focus, .k-chip-solid-error.k-focus {
     box-shadow: none;
+    color: #f31700;
     background-color: rgba(243, 23, 0, 0.24);
 }
 
+.k-chip-solid-error.k-selected {
+    color: #f31700;
+    background-color: rgba(243, 23, 0, 0.24);
+}
+
+.k-chip-solid-info:hover, .k-chip-solid-info.k-hover {
+    color: #0058e9;
+    background-color: rgba(0, 88, 233, 0.16);
+}
+
 .k-chip-solid-info:focus, .k-chip-solid-info.k-focus {
     box-shadow: none;
+    color: #0058e9;
     background-color: rgba(0, 88, 233, 0.24);
 }
 
+.k-chip-solid-info.k-selected {
+    color: #0058e9;
+    background-color: rgba(0, 88, 233, 0.24);
+}
+
+.k-chip-solid-warning:hover, .k-chip-solid-warning.k-hover {
+    color: #ffc000;
+    background-color: rgba(255, 192, 0, 0.16);
+}
+
 .k-chip-solid-warning:focus, .k-chip-solid-warning.k-focus {
     box-shadow: none;
+    color: #ffc000;
     background-color: rgba(255, 192, 0, 0.24);
 }
 
+.k-chip-solid-warning.k-selected {
+    color: #ffc000;
+    background-color: rgba(255, 192, 0, 0.24);
+}
+
+.k-chip-solid-success:hover, .k-chip-solid-success.k-hover {
+    color: #37b400;
+    background-color: rgba(55, 180, 0, 0.16);
+}
+
 .k-chip-solid-success:focus, .k-chip-solid-success.k-focus {
     box-shadow: none;
+    color: #37b400;
+    background-color: rgba(55, 180, 0, 0.24);
+}
+
+.k-chip-solid-success.k-selected {
+    color: #37b400;
     background-color: rgba(55, 180, 0, 0.24);
 }
 
@@ -20628,7 +20717,7 @@ kendo-label > .k-label {
 }
 
 .k-popup-dropdowntree .k-check-all {
-    padding: 8px 8px;
+    padding: 8px 8px 0;
 }
 
 .k-popup-dropdowntree .k-treeview {

package/dist/all.scss

@@ -2132,7 +2132,10 @@ $placeholder-bg: rgba(0, 0, 0, .1) !default;
 
 
 // Loading
-
+$loading-bg: $component-bg !default;
+$loading-text: currentColor !default;
+$loading-opacity: .3 !default;
+$zindex-loading: 100 !default;
 
 // Table
 
@@ -3589,7 +3592,7 @@ $display4-letter-spacing: null !default;
     }
 
     .k-loading-mask {
-        z-index: 100;
+        z-index: $zindex-loading;
 
         &.k-opaque {
             .k-loading-color {
@@ -3601,13 +3604,15 @@ $display4-letter-spacing: null !default;
         text-indent: -4000px;
         text-align: center;
         position: absolute;
+        color: $loading-text;
     }
     .k-loading-image {
         z-index: 2;
+        color: $loading-text;
     }
     .k-loading-color {
-        background-color: $component-bg;
-        opacity: .3;
+        background-color: $loading-bg;
+        opacity: $loading-opacity;
     }
 
     // Loading indicator
@@ -3615,7 +3620,7 @@ $display4-letter-spacing: null !default;
         position: relative;
         background-color: transparent;
         box-sizing: border-box;
-        color: currentColor;
+        color: $loading-text;
 
         &::before,
         &::after {
@@ -10217,8 +10222,20 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
         & > * {
             margin: 0;
         }
-    }
 
+        &:disabled,
+        &[disabled],
+        &.k-disabled {
+            @include disabled( $disabled-styling );
+
+            [disabled],
+            .k-disabled,
+            .k-state-disabled {
+                opacity: 1;
+                filter: grayscale(0);
+            }
+        }
+    }
 
     // Input
     .k-input {}
@@ -12291,7 +12308,7 @@ $kendo-chip-theme-colors: (
 
 /// The base background color of solid chip.
 /// @group chip
-$kendo-chip-solid-bg: try-tint( $kendo-chip-base-bg, 92% ) !default;
+$kendo-chip-solid-bg: try-tint( $kendo-chip-base-bg, 90% ) !default;
 /// The base text color of solid chip.
 /// @group chip
 $kendo-chip-solid-text: $kendo-chip-base-bg !default;
@@ -12666,10 +12683,28 @@ $kendo-chip-list-sizes: (
     }
     @each $name, $color in $kendo-chip-theme-colors {
         .k-chip-solid-#{$name} {
+            &:hover,
+            &.k-hover {
+                @include fill(
+                    $bg: rgba($color, .16 ),
+                    $color: $color
+                );
+            }
+
             &:focus,
             &.k-focus {
                 @include box-shadow( none );
-                @include fill( $bg: rgba( $color, .24 ) );
+                @include fill(
+                    $bg: rgba($color, .24),
+                    $color: $color
+                );
+            }
+
+            &.k-selected {
+                @include fill(
+                    $bg: rgba( $color, .24 ),
+                    $color: $color
+                );
             }
         }
     }
@@ -21341,7 +21376,7 @@ $dropdowntree-popup-padding-y: map-get( $spacing, 2 ) !default;
         padding: 0;
 
         .k-check-all {
-            padding: $dropdowntree-popup-padding-y $dropdowntree-popup-padding-x;
+            padding: $dropdowntree-popup-padding-y $dropdowntree-popup-padding-x 0;
         }
 
         .k-treeview {

package/lib/swatches/material-aqua-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Aqua Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.0",
+    "version": "5.2.1-dev.2",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-arctic.json

@@ -3,7 +3,7 @@
     "name": "Material Arctic",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.0",
+    "version": "5.2.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-burnt-teal.json

@@ -3,7 +3,7 @@
     "name": "Material Burnt Teal",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.0",
+    "version": "5.2.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-dataviz-v4.json

@@ -3,7 +3,7 @@
     "name": "Material Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.0",
+    "version": "5.2.1-dev.2",
     "previewColors": [
         "#3f51b5",
         "#2196f3",

package/lib/swatches/material-eggplant.json

@@ -3,7 +3,7 @@
     "name": "Material Eggplant",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.0",
+    "version": "5.2.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-lime-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Lime Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.0",
+    "version": "5.2.1-dev.2",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-lime.json

@@ -3,7 +3,7 @@
     "name": "Material Lime",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.0",
+    "version": "5.2.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-main-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.0",
+    "version": "5.2.1-dev.2",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-main.json

@@ -3,7 +3,7 @@
     "name": "Material Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.0",
+    "version": "5.2.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-nova.json

@@ -3,7 +3,7 @@
     "name": "Material Nova",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.0",
+    "version": "5.2.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-pacific-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.0",
+    "version": "5.2.1-dev.2",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-pacific.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Light",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.0",
+    "version": "5.2.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-sky-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Sky Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.0",
+    "version": "5.2.1-dev.2",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-sky.json

@@ -3,7 +3,7 @@
     "name": "Material Sky",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.0",
+    "version": "5.2.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-smoke.json

@@ -3,7 +3,7 @@
     "name": "Material Smoke",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.0",
+    "version": "5.2.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-material",
   "description": "Material theme for Kendo UI",
-  "version": "5.2.0",
+  "version": "5.2.1-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -50,7 +50,7 @@
     "postpublish": "echo 'no postpublish for material theme'"
   },
   "dependencies": {
-    "@progress/kendo-theme-default": "^5.2.0"
+    "@progress/kendo-theme-default": "^5.2.1-dev.2"
   },
-  "gitHead": "01013f4f01ecce14973b008beff3076826fdabde"
+  "gitHead": "e446301962e9eba01d9e3c1920b77c5349ce68cf"
 }

package/scss/_variables.scss

@@ -393,7 +393,10 @@ $placeholder-bg: rgba(0, 0, 0, .1) !default;
 
 
 // Loading
-
+$loading-bg: $component-bg !default;
+$loading-text: currentColor !default;
+$loading-opacity: .3 !default;
+$zindex-loading: 100 !default;
 
 // Table
 

package/scss/chip/_theme.scss

@@ -8,10 +8,28 @@
     }
     @each $name, $color in $kendo-chip-theme-colors {
         .k-chip-solid-#{$name} {
+            &:hover,
+            &.k-hover {
+                @include fill(
+                    $bg: rgba($color, .16 ),
+                    $color: $color
+                );
+            }
+
             &:focus,
             &.k-focus {
                 @include box-shadow( none );
-                @include fill( $bg: rgba( $color, .24 ) );
+                @include fill(
+                    $bg: rgba($color, .24),
+                    $color: $color
+                );
+            }
+
+            &.k-selected {
+                @include fill(
+                    $bg: rgba( $color, .24 ),
+                    $color: $color
+                );
             }
         }
     }

package/scss/chip/_variables.scss

@@ -74,7 +74,7 @@ $kendo-chip-theme-colors: (
 
 /// The base background color of solid chip.
 /// @group chip
-$kendo-chip-solid-bg: try-tint( $kendo-chip-base-bg, 92% ) !default;
+$kendo-chip-solid-bg: try-tint( $kendo-chip-base-bg, 90% ) !default;
 /// The base text color of solid chip.
 /// @group chip
 $kendo-chip-solid-text: $kendo-chip-base-bg !default;