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

package/dist/all.css

@@ -963,11 +963,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;
 }
@@ -998,6 +1015,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,
@@ -24597,6 +24618,7 @@ kendo-card-footer {
 
 .k-tabstrip-wrapper {
     padding: 0px 0px;
+    box-sizing: border-box;
     border-width: 0px;
     border-style: solid;
     display: flex;
@@ -24624,6 +24646,7 @@ kendo-card-footer {
 }
 
 .k-tabstrip-items-wrapper {
+    box-sizing: border-box;
     border-width: 0;
     border-style: solid;
     border-color: inherit;
@@ -24632,12 +24655,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;
@@ -24674,6 +24704,7 @@ kendo-card-footer {
 .k-tabstrip-content,
 .k-tabstrip > .k-content {
     padding: 16px 16px;
+    box-sizing: border-box;
     border-width: 1px;
     border-style: solid;
     border-color: inherit;
@@ -24961,11 +24992,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;
@@ -24981,11 +25014,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;
@@ -27320,11 +27355,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 {
@@ -27787,8 +27823,8 @@ tbody .k-group-cell {
     background-color: rgba(0, 0, 0, 0.04);
 }
 
-.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: #ededed;
 }
 
@@ -34972,7 +35008,7 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
 
 .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

@@ -2733,9 +2733,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 {
@@ -2766,6 +2775,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,
@@ -26915,6 +26929,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;
@@ -26942,6 +26957,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;
@@ -26950,11 +26966,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;
@@ -26991,6 +27014,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;
@@ -27431,11 +27455,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;
@@ -27452,11 +27478,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;
@@ -30469,11 +30497,12 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
     }
 
     .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 {
@@ -30970,8 +30999,8 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
         }
 
         // 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;
         }
@@ -40570,7 +40599,9 @@ $timeline-event-min-height-calc: calc(2 * (#{$timeline-track-event-offset} - #{$
 
         *,
         *::before,
-        *::after {
+        *::after,
+        &::before,
+        &::after {
             box-sizing: border-box;
         }
 

package/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/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/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/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/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/scss/timeline/_layout.scss

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

package/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;