@progress/kendo-theme-material 4.43.1-dev.8 → 4.44.0

package/dist/all.css

@@ -961,11 +961,28 @@ kendo-sortable {
 .k-loading-color {
     width: 100%;
     height: 100%;
+    box-sizing: border-box;
     position: absolute;
     top: 0;
     left: 0;
 }
 
+.k-loading-mask *,
+.k-loading-mask *::before,
+.k-loading-mask *::after, .k-loading-mask::before, .k-loading-mask::after,
+.k-loading-image *,
+.k-loading-image *::before,
+.k-loading-image *::after,
+.k-loading-image::before,
+.k-loading-image::after,
+.k-loading-color *,
+.k-loading-color *::before,
+.k-loading-color *::after,
+.k-loading-color::before,
+.k-loading-color::after {
+    box-sizing: border-box;
+}
+
 .k-loading-mask {
     z-index: 100;
 }
@@ -996,6 +1013,10 @@ kendo-sortable {
     color: currentColor;
 }
 
+.k-i-loading::before, .k-i-loading::after {
+    box-sizing: border-box;
+}
+
 .k-i-loading::before,
 .k-i-loading::after,
 .k-loading-image::before,
@@ -25583,6 +25604,7 @@ kendo-card-footer {
 
 .k-tabstrip-wrapper {
     padding: 0px 0px;
+    box-sizing: border-box;
     border-width: 0px;
     border-style: solid;
     display: flex;
@@ -25610,6 +25632,7 @@ kendo-card-footer {
 }
 
 .k-tabstrip-items-wrapper {
+    box-sizing: border-box;
     border-width: 0;
     border-style: solid;
     border-color: inherit;
@@ -25618,12 +25641,19 @@ kendo-card-footer {
 }
 
 .k-tabstrip-items {
+    box-sizing: border-box;
     outline: 0;
     display: flex;
     flex-flow: row wrap;
     flex: 0 0 auto;
 }
 
+.k-tabstrip-items *,
+.k-tabstrip-items *::before,
+.k-tabstrip-items *::after {
+    box-sizing: border-box;
+}
+
 .k-tabstrip-items .k-item {
     margin: 0;
     padding: 0;
@@ -25660,6 +25690,7 @@ kendo-card-footer {
 .k-tabstrip-content,
 .k-tabstrip > .k-content {
     padding: 16px 16px;
+    box-sizing: border-box;
     border-width: 0px;
     border-style: solid;
     border-color: inherit;
@@ -26002,11 +26033,13 @@ kendo-card-footer {
 }
 
 .k-wizard .k-wizard-steps {
+    box-sizing: border-box;
     display: flex;
     overflow: hidden;
 }
 
 .k-wizard .k-wizard-step {
+    box-sizing: border-box;
     padding: 10px;
     width: 100%;
     display: flex;
@@ -26022,11 +26055,13 @@ kendo-card-footer {
 }
 
 .k-wizard .k-wizard-content {
+    box-sizing: border-box;
     overflow-y: auto;
 }
 
 .k-wizard .k-wizard-buttons {
     margin-top: 32px;
+    box-sizing: border-box;
     display: flex;
     flex-wrap: nowrap;
     align-items: center;
@@ -28465,11 +28500,12 @@ div.k-grid-norecords {
 }
 
 .k-grid-norecords-template {
+    box-sizing: border-box;
+    margin: 0 auto;
     width: 20em;
     height: 4em;
-    line-height: 4em;
-    margin: 0 auto;
     border: 1px solid;
+    line-height: 4em;
 }
 
 .k-header > .k-cell-inner {
@@ -29034,8 +29070,8 @@ tbody .k-group-cell {
     background-color: transparent;
 }
 
-.k-grid tbody tr:hover,
-.k-grid tbody tr.k-state-hover {
+.k-grid tbody tr:not(.k-detail-row):hover,
+.k-grid tbody tr:not(.k-detail-row).k-state-hover {
     background-color: rgba(0, 0, 0, 0.07);
 }
 
@@ -29326,8 +29362,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     background-color: transparent;
 }
 
-.k-grid table tr:hover,
-.k-grid table tr.k-state-hover,
+.k-grid table tr:not(.k-detail-row):hover,
+.k-grid table tr:not(.k-detail-row).k-state-hover,
 .k-grid table td.k-state-focused,
 .k-grid table th.k-state-focused,
 .k-grid table th:focus,
@@ -36800,7 +36836,7 @@ ul.k-scheduler-views li {
 
 .k-timeline *,
 .k-timeline *::before,
-.k-timeline *::after {
+.k-timeline *::after, .k-timeline::before, .k-timeline::after {
     box-sizing: border-box;
 }
 

package/dist/all.scss

@@ -3569,9 +3569,18 @@ $display4-letter-spacing: null !default;
     .k-loading-color {
         width: 100%;
         height: 100%;
+        box-sizing: border-box;
         position: absolute;
         top: 0;
         left: 0;
+
+        *,
+        *::before,
+        *::after,
+        &::before,
+        &::after {
+            box-sizing: border-box;
+        }
     }
 
     .k-loading-mask {
@@ -3602,6 +3611,11 @@ $display4-letter-spacing: null !default;
         background-color: transparent;
         box-sizing: border-box;
         color: currentColor;
+
+        &::before,
+        &::after {
+            box-sizing: border-box;
+        }
     }
 
     .k-i-loading::before,
@@ -29775,6 +29789,7 @@ $tabstrip-content-border-focused: $component-text !default;
 
     .k-tabstrip-wrapper {
         padding: $tabstrip-wrapper-padding-y $tabstrip-wrapper-padding-x;
+        box-sizing: border-box;
         border-width: $tabstrip-wrapper-border-width;
         border-style: solid;
         display: flex;
@@ -29802,6 +29817,7 @@ $tabstrip-content-border-focused: $component-text !default;
     }
 
     .k-tabstrip-items-wrapper {
+        box-sizing: border-box;
         border-width: 0;
         border-style: solid;
         border-color: inherit;
@@ -29810,11 +29826,18 @@ $tabstrip-content-border-focused: $component-text !default;
     }
 
     .k-tabstrip-items {
+        box-sizing: border-box;
         outline: 0;
         display: flex;
         flex-flow: row wrap;
         flex: 0 0 auto;
 
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
+
         .k-item {
             margin: 0;
             padding: 0;
@@ -29851,6 +29874,7 @@ $tabstrip-content-border-focused: $component-text !default;
     .k-tabstrip-content,
     .k-tabstrip > .k-content {
         padding: $tabstrip-content-padding-y $tabstrip-content-padding-x;
+        box-sizing: border-box;
         border-width: $tabstrip-content-border-width;
         border-style: solid;
         border-color: inherit;
@@ -30330,11 +30354,13 @@ $wizard-focused-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;
         overflow: hidden;
 
         .k-wizard-steps {
+            box-sizing: border-box;
             display: flex;
             overflow: hidden;
         }
 
         .k-wizard-step {
+            box-sizing: border-box;
             padding: calc(#{$wizard-content-padding-x / 4} + 2px);
             width: 100%;
             display: flex;
@@ -30351,11 +30377,13 @@ $wizard-focused-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;
         }
 
         .k-wizard-content {
+            box-sizing: border-box;
             overflow-y: auto;
         }
 
         .k-wizard-buttons {
             margin-top: $wizard-content-padding-y;
+            box-sizing: border-box;
             display: flex;
             flex-wrap: nowrap;
             align-items: center;
@@ -33417,11 +33445,12 @@ $grid-group-dropclue-top: calc( ( #{$button-calc-size} + #{$grid-grouping-header
     }
 
     .k-grid-norecords-template {
+        box-sizing: border-box;
+        margin: 0 auto;
         width: 20em;
         height: 4em;
-        line-height: 4em;
-        margin: 0 auto;
         border: 1px solid;
+        line-height: 4em;
     }
 
     .k-header > .k-cell-inner {
@@ -34048,8 +34077,8 @@ $grid-group-dropclue-top: calc( ( #{$button-calc-size} + #{$grid-grouping-header
         }
 
         // Hover state
-        tbody tr:hover,
-        tbody tr.k-state-hover {
+        tbody tr:not(.k-detail-row):hover,
+        tbody tr:not(.k-detail-row).k-state-hover {
             color: $grid-hovered-text;
             background-color: $grid-hovered-bg;
         }
@@ -34437,8 +34466,8 @@ $grid-group-dropclue-top: calc( ( #{$button-calc-size} + #{$grid-grouping-header
 
         // Hover, Focused state
         table {
-            tr:hover,
-            tr.k-state-hover,
+            tr:not(.k-detail-row):hover,
+            tr:not(.k-detail-row).k-state-hover,
             td.k-state-focused,
             th.k-state-focused,
             th:focus,
@@ -44523,7 +44552,9 @@ $timeline-event-min-height-calc: calc(2 * (#{$timeline-track-event-offset} - #{$
 
         *,
         *::before,
-        *::after {
+        *::after,
+        &::before,
+        &::after {
             box-sizing: border-box;
         }
 

package/modules/@progress/kendo-theme-default/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "4.43.1-dev.8",
+  "version": "4.44.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -47,5 +47,5 @@
     "dart:flat": "gulp dart:flat",
     "prepublishOnly": "echo 'no prebublish for default theme'"
   },
-  "gitHead": "cf8448a76498b1f53859522cfa29e66618cdba4c"
+  "gitHead": "3632cd4d3b93f2ec215392497839837d54477e63"
 }

package/modules/@progress/kendo-theme-default/scss/common/_loading.scss

@@ -6,9 +6,18 @@
     .k-loading-color {
         width: 100%;
         height: 100%;
+        box-sizing: border-box;
         position: absolute;
         top: 0;
         left: 0;
+
+        *,
+        *::before,
+        *::after,
+        &::before,
+        &::after {
+            box-sizing: border-box;
+        }
     }
 
     .k-loading-mask {
@@ -39,6 +48,11 @@
         background-color: transparent;
         box-sizing: border-box;
         color: currentColor;
+
+        &::before,
+        &::after {
+            box-sizing: border-box;
+        }
     }
 
     .k-i-loading::before,

package/modules/@progress/kendo-theme-default/scss/grid/_layout.scss

@@ -1061,11 +1061,12 @@
     }
 
     .k-grid-norecords-template {
+        box-sizing: border-box;
+        margin: 0 auto;
         width: 20em;
         height: 4em;
-        line-height: 4em;
-        margin: 0 auto;
         border: 1px solid;
+        line-height: 4em;
     }
 
     .k-header > .k-cell-inner {

package/modules/@progress/kendo-theme-default/scss/grid/_theme.scss

@@ -73,8 +73,8 @@
         }
 
         // Hover state
-        tbody tr:hover,
-        tbody tr.k-state-hover {
+        tbody tr:not(.k-detail-row):hover,
+        tbody tr:not(.k-detail-row).k-state-hover {
             color: $grid-hovered-text;
             background-color: $grid-hovered-bg;
         }

package/modules/@progress/kendo-theme-default/scss/tabstrip/_layout.scss

@@ -2,6 +2,7 @@
 
     .k-tabstrip-wrapper {
         padding: $tabstrip-wrapper-padding-y $tabstrip-wrapper-padding-x;
+        box-sizing: border-box;
         border-width: $tabstrip-wrapper-border-width;
         border-style: solid;
         display: flex;
@@ -29,6 +30,7 @@
     }
 
     .k-tabstrip-items-wrapper {
+        box-sizing: border-box;
         border-width: 0;
         border-style: solid;
         border-color: inherit;
@@ -37,11 +39,18 @@
     }
 
     .k-tabstrip-items {
+        box-sizing: border-box;
         outline: 0;
         display: flex;
         flex-flow: row wrap;
         flex: 0 0 auto;
 
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
+
         .k-item {
             margin: 0;
             padding: 0;
@@ -78,6 +87,7 @@
     .k-tabstrip-content,
     .k-tabstrip > .k-content {
         padding: $tabstrip-content-padding-y $tabstrip-content-padding-x;
+        box-sizing: border-box;
         border-width: $tabstrip-content-border-width;
         border-style: solid;
         border-color: inherit;

package/modules/@progress/kendo-theme-default/scss/timeline/_layout.scss

@@ -13,7 +13,9 @@
 
         *,
         *::before,
-        *::after {
+        *::after,
+        &::before,
+        &::after {
             box-sizing: border-box;
         }
 

package/modules/@progress/kendo-theme-default/scss/wizard/_layout.scss

@@ -16,11 +16,13 @@
         overflow: hidden;
 
         .k-wizard-steps {
+            box-sizing: border-box;
             display: flex;
             overflow: hidden;
         }
 
         .k-wizard-step {
+            box-sizing: border-box;
             padding: calc(#{$wizard-content-padding-x / 4} + 2px);
             width: 100%;
             display: flex;
@@ -37,11 +39,13 @@
         }
 
         .k-wizard-content {
+            box-sizing: border-box;
             overflow-y: auto;
         }
 
         .k-wizard-buttons {
             margin-top: $wizard-content-padding-y;
+            box-sizing: border-box;
             display: flex;
             flex-wrap: nowrap;
             align-items: center;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-material",
   "description": "Material theme for Kendo UI",
-  "version": "4.43.1-dev.8",
+  "version": "4.44.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -51,7 +51,7 @@
     "postpublish": "rm -rf modules && git checkout scss"
   },
   "dependencies": {
-    "@progress/kendo-theme-default": "^4.43.1-dev.8"
+    "@progress/kendo-theme-default": "^4.44.0"
   },
-  "gitHead": "cf8448a76498b1f53859522cfa29e66618cdba4c"
+  "gitHead": "3632cd4d3b93f2ec215392497839837d54477e63"
 }

package/scss/grid/_theme.scss

@@ -18,8 +18,8 @@
 
         // Hover, Focused state
         table {
-            tr:hover,
-            tr.k-state-hover,
+            tr:not(.k-detail-row):hover,
+            tr:not(.k-detail-row).k-state-hover,
             td.k-state-focused,
             th.k-state-focused,
             th:focus,