@progress/kendo-theme-material 5.0.0 → 5.0.1

package/dist/all.css

@@ -11665,6 +11665,8 @@ kendo-badge-container {
     box-sizing: border-box;
     border-width: 1px;
     border-style: solid;
+    color: inherit;
+    background: none;
     font-family: Roboto, "Helvetica Neue", sans-serif;
     text-align: center;
     text-decoration: none;
@@ -11906,12 +11908,11 @@ kendo-badge-container {
     text-decoration: underline;
 }
 
-.k-button-clear::before {
-    display: none;
-}
-
-.k-button-clear:focus::before, .k-button-clear.k-focus::before {
-    display: block;
+.k-button-clear {
+    border-color: transparent !important;
+    color: inherit;
+    background: none !important;
+    box-shadow: none !important;
 }
 
 .k-ie .k-button-group .k-button,
@@ -12002,6 +12003,18 @@ kendo-badge-container {
     opacity: 0.12;
 }
 
+.k-button-clear::before,
+.k-button.k-clear::before {
+    display: none;
+}
+
+.k-button-clear:focus::before, .k-button-clear.k-focus::before, .k-button-clear:active::before,
+.k-button.k-clear:focus::before,
+.k-button.k-clear.k-focus::before,
+.k-button.k-clear:active::before {
+    display: block;
+}
+
 .k-overflow-button.k-button-group,
 .k-overflow-group.k-button-group {
     line-height: inherit;
@@ -12786,6 +12799,12 @@ kendo-badge-container {
     color: #3f51b5;
 }
 
+.k-button-clear-primary:focus::after, .k-button-clear-primary.k-focus::after, .k-button-clear-primary:active::after {
+    background-color: currentColor;
+    opacity: 0.155;
+    display: block;
+}
+
 .k-button-clear-primary:disabled, .k-button-clear-primary.k-disabled {
     color: rgba(0, 0, 0, 0.38);
 }
@@ -12794,6 +12813,12 @@ kendo-badge-container {
     color: #e51a5f;
 }
 
+.k-button-clear-secondary:focus::after, .k-button-clear-secondary.k-focus::after, .k-button-clear-secondary:active::after {
+    background-color: currentColor;
+    opacity: 0.155;
+    display: block;
+}
+
 .k-button-clear-secondary:disabled, .k-button-clear-secondary.k-disabled {
     color: rgba(0, 0, 0, 0.38);
 }
@@ -12802,6 +12827,12 @@ kendo-badge-container {
     color: #00695c;
 }
 
+.k-button-clear-tertiary:focus::after, .k-button-clear-tertiary.k-focus::after, .k-button-clear-tertiary:active::after {
+    background-color: currentColor;
+    opacity: 0.155;
+    display: block;
+}
+
 .k-button-clear-tertiary:disabled, .k-button-clear-tertiary.k-disabled {
     color: rgba(0, 0, 0, 0.38);
 }
@@ -12810,6 +12841,12 @@ kendo-badge-container {
     color: #0058e9;
 }
 
+.k-button-clear-info:focus::after, .k-button-clear-info.k-focus::after, .k-button-clear-info:active::after {
+    background-color: currentColor;
+    opacity: 0.155;
+    display: block;
+}
+
 .k-button-clear-info:disabled, .k-button-clear-info.k-disabled {
     color: rgba(0, 0, 0, 0.38);
 }
@@ -12818,6 +12855,12 @@ kendo-badge-container {
     color: #37b400;
 }
 
+.k-button-clear-success:focus::after, .k-button-clear-success.k-focus::after, .k-button-clear-success:active::after {
+    background-color: currentColor;
+    opacity: 0.155;
+    display: block;
+}
+
 .k-button-clear-success:disabled, .k-button-clear-success.k-disabled {
     color: rgba(0, 0, 0, 0.38);
 }
@@ -12826,6 +12869,12 @@ kendo-badge-container {
     color: #ffc000;
 }
 
+.k-button-clear-warning:focus::after, .k-button-clear-warning.k-focus::after, .k-button-clear-warning:active::after {
+    background-color: currentColor;
+    opacity: 0.155;
+    display: block;
+}
+
 .k-button-clear-warning:disabled, .k-button-clear-warning.k-disabled {
     color: rgba(0, 0, 0, 0.38);
 }
@@ -12834,6 +12883,12 @@ kendo-badge-container {
     color: #f31700;
 }
 
+.k-button-clear-error:focus::after, .k-button-clear-error.k-focus::after, .k-button-clear-error:active::after {
+    background-color: currentColor;
+    opacity: 0.155;
+    display: block;
+}
+
 .k-button-clear-error:disabled, .k-button-clear-error.k-disabled {
     color: rgba(0, 0, 0, 0.38);
 }
@@ -12842,6 +12897,12 @@ kendo-badge-container {
     color: #424242;
 }
 
+.k-button-clear-dark:focus::after, .k-button-clear-dark.k-focus::after, .k-button-clear-dark:active::after {
+    background-color: currentColor;
+    opacity: 0.155;
+    display: block;
+}
+
 .k-button-clear-dark:disabled, .k-button-clear-dark.k-disabled {
     color: rgba(0, 0, 0, 0.38);
 }
@@ -12850,6 +12911,12 @@ kendo-badge-container {
     color: #f5f5f5;
 }
 
+.k-button-clear-light:focus::after, .k-button-clear-light.k-focus::after, .k-button-clear-light:active::after {
+    background-color: currentColor;
+    opacity: 0.155;
+    display: block;
+}
+
 .k-button-clear-light:disabled, .k-button-clear-light.k-disabled {
     color: rgba(0, 0, 0, 0.38);
 }
@@ -12858,6 +12925,12 @@ kendo-badge-container {
     color: #424242;
 }
 
+.k-button-clear-inverse:focus::after, .k-button-clear-inverse.k-focus::after, .k-button-clear-inverse:active::after {
+    background-color: currentColor;
+    opacity: 0.155;
+    display: block;
+}
+
 .k-button-clear-inverse:disabled, .k-button-clear-inverse.k-disabled {
     color: rgba(0, 0, 0, 0.38);
 }
@@ -12866,6 +12939,12 @@ kendo-badge-container {
     color: rgba(0, 0, 0, 0.87);
 }
 
+.k-button-clear-base:focus::after, .k-button-clear-base.k-focus::after, .k-button-clear-base:active::after {
+    background-color: currentColor;
+    opacity: 0.155;
+    display: block;
+}
+
 .k-button-clear-base:disabled, .k-button-clear-base.k-disabled {
     color: rgba(0, 0, 0, 0.38);
 }
@@ -16450,7 +16529,8 @@ kendo-label > .k-label {
 }
 
 .k-form .k-multiselect,
-.k-form .k-floating-label-container {
+.k-form .k-floating-label-container,
+.k-form .k-daterangepicker .k-dateinput {
     display: inline-flex;
     width: 100%;
 }
@@ -19609,6 +19689,10 @@ kendo-label > .k-label {
     box-sizing: border-box;
 }
 
+.k-daterange-picker .k-dateinput, .k-daterangepicker .k-dateinput {
+    width: 10em;
+}
+
 .k-daterangepicker-wrap {
     display: inherit;
     flex-flow: inherit;
@@ -25149,7 +25233,6 @@ kendo-card-footer {
     padding-left: 96px;
 }
 
-.k-panelbar .k-content,
 .k-panelbar .k-panelbar-content {
     display: flow-root;
 }

package/dist/all.scss

@@ -9022,6 +9022,9 @@ $kendo-link-button-shadow-blur: null !default;
 $kendo-link-button-shadow-spread: null !default;
 $kendo-link-button-shadow-opacity: null !default;
 
+// Clear button
+$kendo-clear-button-focus-opacity: .155 !default; // equal to 10% of black
+
 /// The overlay opacity of hovered flat button. Used to create background for the flat button.
 /// @group button
 $kendo-flat-button-hover-opacity: .08 !default;
@@ -9049,6 +9052,8 @@ $kendo-button-transition: box-shadow 280ms cubic-bezier( .4, 0, .2, 1 ) !default
         box-sizing: border-box;
         border-width: $kendo-button-border-width;
         border-style: solid;
+        color: inherit;
+        background: none;
         font-family: $kendo-button-font-family;
         text-align: center;
         text-decoration: none;
@@ -9313,20 +9318,14 @@ $kendo-button-transition: box-shadow 280ms cubic-bezier( .4, 0, .2, 1 ) !default
 
     // Clear button
     .k-button-clear {
-        &::before {
-            display: none;
-        }
-
-
-        &:focus,
-        &.k-focus {
-            &::before {
-                display: block;
-            }
-        }
+        border-color: transparent !important; // sass-lint:disable-line no-important
+        color: inherit;
+        background: none !important; // sass-lint:disable-line no-important
+        box-shadow: none !important; // sass-lint:disable-line no-important
     }
 
 
+
     // IE
     .k-ie .k-button-group,
     .k-ie .k-split-button {
@@ -9485,6 +9484,24 @@ $kendo-button-transition: box-shadow 280ms cubic-bezier( .4, 0, .2, 1 ) !default
     }
 
 
+    // Clear button
+    .k-button-clear,
+    .k-button.k-clear {
+        &::before {
+            display: none;
+        }
+
+
+        &:focus,
+        &.k-focus,
+        &:active {
+            &::before {
+                display: block;
+            }
+        }
+    }
+
+
     // Button group
     .k-button-group {}
 
@@ -9761,6 +9778,16 @@ $kendo-button-transition: box-shadow 280ms cubic-bezier( .4, 0, .2, 1 ) !default
         .k-button-clear-#{$name} {
             color: $color;
 
+            &:focus,
+            &.k-focus,
+            &:active {
+                &::after {
+                    background-color: currentColor;
+                    opacity: $kendo-clear-button-focus-opacity;
+                    display: block;
+                }
+            }
+
             // Disabled state
             &:disabled,
             &.k-disabled {
@@ -14912,7 +14939,8 @@ $fieldset-legend-border: null !default;
 
 
         .k-multiselect,
-        .k-floating-label-container {
+        .k-floating-label-container,
+        .k-daterangepicker .k-dateinput {
             display: inline-flex;
             width: 100%;
         }
@@ -20062,6 +20090,7 @@ $datetime-width: calc( #{$calendar-cell-size * 8} + #{$infinite-calendar-view-pa
 // Component
 // #region @import "_variables.scss"; -> packages/material/scss/daterangepicker/_variables.scss
 // Daterangepicker
+$kendo-daterange-picker-input-width: 10em;
 
 // #endregion
 // #region @import "_layout.scss"; -> packages/material/scss/daterangepicker/_layout.scss
@@ -20081,6 +20110,10 @@ $datetime-width: calc( #{$calendar-cell-size * 8} + #{$infinite-calendar-view-pa
         *::after {
             box-sizing: border-box;
         }
+
+        .k-dateinput {
+            width: $kendo-daterange-picker-input-width;
+        }
     }
 
 
@@ -28717,7 +28750,6 @@ $panelbar-header-expanded-gradient: null !default;
 
 
         // Panelbar content
-        .k-content,
         .k-panelbar-content {
             display: flow-root;
         }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-material",
   "description": "Material theme for Kendo UI",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -50,7 +50,7 @@
     "postpublish": "echo 'no postpublish for material theme'"
   },
   "dependencies": {
-    "@progress/kendo-theme-default": "^5.0.0"
+    "@progress/kendo-theme-default": "^5.0.1"
   },
-  "gitHead": "444e224c85edd153e7726d83c682d84e9215acd0"
+  "gitHead": "7d2371ce2d1bf6cb93c6514e6578965140837353"
 }

package/scss/button/_layout.scss

@@ -52,6 +52,24 @@
     }
 
 
+    // Clear button
+    .k-button-clear,
+    .k-button.k-clear {
+        &::before {
+            display: none;
+        }
+
+
+        &:focus,
+        &.k-focus,
+        &:active {
+            &::before {
+                display: block;
+            }
+        }
+    }
+
+
     // Button group
     .k-button-group {}
 

package/scss/button/_variables.scss

@@ -183,6 +183,9 @@ $kendo-link-button-shadow-blur: null !default;
 $kendo-link-button-shadow-spread: null !default;
 $kendo-link-button-shadow-opacity: null !default;
 
+// Clear button
+$kendo-clear-button-focus-opacity: .155 !default; // equal to 10% of black
+
 /// The overlay opacity of hovered flat button. Used to create background for the flat button.
 /// @group button
 $kendo-flat-button-hover-opacity: .08 !default;

package/scss/daterangepicker/_variables.scss

@@ -1 +1,2 @@
 // Daterangepicker
+$kendo-daterange-picker-input-width: 10em;