@progress/kendo-theme-material 9.0.0 → 9.0.1-dev.1

package/dist/all.scss

@@ -13583,8 +13583,8 @@ $kendo-utils: (
 /// @group height
 /// @contextType css
 
-/// This is equivalent to `min-height: 100%;`.
-/// @example min-height: 100%;
+/// This is equivalent to `height: 100%;`.
+/// @example height: 100%;
 /// @name .k-h-full
 /// @group height
 /// @contextType css
@@ -13753,8 +13753,8 @@ $kendo-utils: (
 /// @group width
 /// @contextType css
 
-/// This is equivalent to `min-width: 100%;`.
-/// @example min-width: 100%;
+/// This is equivalent to `width: 100%;`.
+/// @example width: 100%;
 /// @name .k-w-full
 /// @group width
 /// @contextType css
@@ -27877,7 +27877,7 @@ $kendo-form-sizes: (
 
 
     .k-edit-label {
-        margin: 0 0 k-spacing(4) 0;
+        margin: 0 0 k-spacing(4);
         // TODO: do we need the input variable?
         padding: calc( #{$kendo-input-padding-y} + #{$kendo-input-border-width} ) 0;
         width: 30%;
@@ -27887,7 +27887,7 @@ $kendo-form-sizes: (
         clear: both;
     }
     .k-edit-field {
-        margin: 0 0 k-spacing(4) 0;
+        margin: 0 0 k-spacing(4);
         width: 65%;
         float: right;
         clear: right;
@@ -29046,7 +29046,7 @@ $_kendo-module-meta: (
 
         &::after {
             content: "";
-            border-width: 0 0 $_kendo-input-ripple-border-width 0;
+            border-width: 0 0 $_kendo-input-ripple-border-width;
             border-style: solid;
             border-color: inherit;
             border-radius: inherit;
@@ -41310,10 +41310,8 @@ $_kendo-module-meta: (
         overflow: hidden;
         cursor: default;
         flex: 1;
-        display: flex;
-        flex-flow: row nowrap;
 
-        &::before {
+        &:empty::before {
             content: "\200b";
         }
     }
@@ -51709,7 +51707,8 @@ $kendo-grid-row-resizer-height: k-spacing(0.5) !default;
         }
     }
 
-    .k-master-row .k-grid-content-sticky::before {
+    .k-master-row .k-grid-content-sticky::before,
+    .k-master-row.k-grid-row-sticky .k-table-td::before {
         content: "";
         width: 100%;
         height: 100%;
@@ -52658,7 +52657,7 @@ $kendo-grid-row-resizer-height: k-spacing(0.5) !default;
             background-color: $kendo-grid-sticky-bg;
         }
 
-        .k-grid-row-sticky {
+        &.k-grid-row-sticky > .k-table-td {
             border-top-color: $kendo-grid-sticky-border;
             border-bottom-color: $kendo-grid-sticky-border;
             background-color: $kendo-grid-sticky-bg;
@@ -52666,6 +52665,7 @@ $kendo-grid-row-resizer-height: k-spacing(0.5) !default;
 
         &.k-table-alt-row {
             .k-grid-content-sticky,
+            &.k-grid-row-sticky > .k-table-td,
             .k-grid-row-sticky {
                 @include fill( $bg: $kendo-grid-sticky-alt-bg );
             }
@@ -52673,6 +52673,7 @@ $kendo-grid-row-resizer-height: k-spacing(0.5) !default;
 
         // Selected state
         &.k-table-row.k-selected td.k-grid-content-sticky,
+        &.k-table-row.k-selected.k-grid-row-sticky > .k-table-td,
         &.k-table-row.k-selected .k-table-td.k-grid-row-sticky,
         &.k-table-row td.k-grid-content-sticky.k-selected,
         &.k-table-row .k-table-td.k-grid-content-sticky.k-selected {
@@ -52688,6 +52689,7 @@ $kendo-grid-row-resizer-height: k-spacing(0.5) !default;
         }
 
         &.k-selected.k-table-alt-row td.k-grid-content-sticky,
+        &.k-selected.k-table-alt-row.k-grid-row-sticky > .k-table-td,
         &.k-selected.k-table-alt-row .k-table-td.k-grid-row-sticky,
         &.k-table-alt-row td.k-grid-content-sticky.k-selected,
         &.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected {
@@ -52706,8 +52708,10 @@ $kendo-grid-row-resizer-height: k-spacing(0.5) !default;
         // Hovered state
         &:hover .k-grid-content-sticky,
         &:hover .k-grid-row-sticky,
+        &:hover.k-grid-row-sticky > .k-table-td,
         &.k-hover .k-grid-content-sticky,
-        &.k-hover .k-grid-row-sticky {
+        &.k-hover .k-grid-row-sticky,
+        &.k-hover.k-grid-row-sticky > .k-table-td {
             background-color: $kendo-grid-sticky-hover-bg;
         }
 
@@ -52715,8 +52719,10 @@ $kendo-grid-row-resizer-height: k-spacing(0.5) !default;
         // Selected hover
         &.k-selected:hover td.k-grid-content-sticky,
         &.k-selected:hover .k-table-td.k-grid-row-sticky,
+        &.k-selected:hover.k-grid-row-sticky > .k-table-td,
         &.k-selected.k-hover td.k-grid-content-sticky,
         &.k-selected.k-hover .k-table-td.k-grid-row-sticky,
+        &.k-selected.k-hover.k-grid-row-sticky > .k-table-td,
         &:hover td.k-grid-content-sticky.k-selected,
         &.k-hover td.k-grid-content-sticky.k-selected,
         &:hover .k-table-td.k-grid-content-sticky.k-selected,
@@ -52733,121 +52739,6 @@ $kendo-grid-row-resizer-height: k-spacing(0.5) !default;
         }
     }
 
-    kendo-grid.k-grid {
-        .k-grid-content-sticky {
-            border-top-color: $kendo-grid-header-border;
-            border-left-color: $kendo-grid-sticky-border;
-            border-right-color: $kendo-grid-sticky-border;
-            background-color: $kendo-grid-sticky-bg;
-
-            &:hover,
-            &.k-hover {
-                background-color: $kendo-grid-sticky-hover-bg;
-            }
-        }
-
-        .k-grid-row-sticky {
-            td,
-            .k-table-td {
-                border-top-color: $kendo-grid-sticky-border;
-                border-bottom-color: $kendo-grid-sticky-border;
-                background-color: $kendo-grid-sticky-bg;
-            }
-
-            &:hover td,
-            &.k-hover td,
-            &:hover .k-table-td,
-            &.k-hover .k-table-td {
-                background-color: $kendo-grid-sticky-hover-bg;
-            }
-        }
-
-        .k-table-alt-row .k-grid-content-sticky,
-        .k-grid-row-sticky.k-table-alt-row td,
-        .k-grid-row-sticky.k-table-alt-row .k-table-td {
-            @include fill( $bg: $kendo-grid-sticky-alt-bg );
-        }
-
-        // Selected state
-        .k-table-row.k-selected .k-grid-content-sticky,
-        .k-selected.k-grid-row-sticky td,
-        .k-grid-row-sticky td.k-selected,
-        .k-selected.k-grid-row-sticky .k-table-td,
-        .k-grid-row-sticky .k-table-td.k-selected,
-        .k-selected.k-grid-content-sticky {
-            @if($kendo-enable-color-system) {
-                @include fill( $bg: $kendo-grid-sticky-bg );
-
-                &::before {
-                    @include fill( $bg: $kendo-grid-sticky-selected-bg );
-                }
-            } @else {
-                @include fill( $bg: $kendo-grid-sticky-selected-bg );
-            }
-        }
-
-        .k-table-row.k-selected.k-table-alt-row .k-grid-content-sticky,
-        .k-selected.k-table-alt-row.k-grid-row-sticky td,
-        .k-selected.k-table-alt-row.k-grid-row-sticky .k-table-td,
-        .k-table-alt-row .k-selected.k-grid-content-sticky {
-            @if($kendo-enable-color-system) {
-                @include fill( $bg: $kendo-grid-sticky-alt-bg );
-
-                &::before {
-                    @include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
-                }
-            } @else {
-                @include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
-            }
-        }
-
-        // Hover state
-        .k-table-row:hover .k-grid-content-sticky,
-        .k-table-row.k-hover .k-grid-content-sticky,
-        .k-grid-row-sticky:hover td,
-        .k-grid-row-sticky.k-hover td,
-        .k-grid-row-sticky.k-table-alt-row:hover td,
-        .k-grid-row-sticky.k-table-alt-row.k-hover td,
-        .k-grid-row-sticky:hover .k-table-td,
-        .k-grid-row-sticky.k-hover .k-table-td,
-        .k-grid-row-sticky.k-table-alt-row:hover .k-table-td,
-        .k-grid-row-sticky.k-table-alt-row.k-hover .k-table-td,
-        .k-table-alt-row:hover .k-grid-content-sticky,
-        .k-table-alt-row.k-hover .k-grid-content-sticky {
-            background-color: $kendo-grid-sticky-hover-bg;
-        }
-
-        // Selected + Hover
-        .k-table-row.k-selected:hover .k-grid-content-sticky,
-        .k-table-row.k-selected.k-hover .k-grid-content-sticky,
-        .k-selected.k-grid-row-sticky:hover td,
-        .k-selected.k-grid-row-sticky.k-hover td,
-        .k-selected.k-table-alt-row.k-grid-row-sticky:hover td,
-        .k-selected.k-table-alt-row.k-grid-row-sticky.k-hover td,
-        .k-selected.k-grid-row-sticky:hover .k-table-td,
-        .k-selected.k-grid-row-sticky.k-hover .k-table-td,
-        .k-selected.k-table-alt-row.k-grid-row-sticky:hover .k-table-td,
-        .k-selected.k-table-alt-row.k-grid-row-sticky.k-hover .k-table-td,
-        .k-table-row.k-selected.k-table-alt-row:hover .k-grid-content-sticky,
-        .k-table-row.k-selected.k-table-alt-row.k-hover .k-grid-content-sticky,
-        .k-grid-row-sticky:hover td.k-selected,
-        .k-grid-row-sticky.k-hover td.k-selected,
-        .k-grid-row-sticky:hover .k-table-td.k-selected,
-        .k-grid-row-sticky.k-hover .k-table-td.k-selected,
-        .k-table-row:hover .k-grid-content-sticky.k-selected,
-        .k-table-row.k-hover .k-grid-content-sticky.k-selected {
-            @if($kendo-enable-color-system) {
-                background-color: $kendo-grid-sticky-hover-bg;
-
-                &::before {
-                    background-color: $kendo-grid-sticky-selected-hover-bg;
-                }
-            } @else {
-                background-color: $kendo-grid-sticky-selected-hover-bg;
-            }
-        }
-    }
-
     .k-grouping-row {
         .k-grid-content-sticky {
             @include fill( $bg: $kendo-grid-sticky-header-bg );
@@ -53096,19 +52987,6 @@ $kendo-grid-row-resizer-height: k-spacing(0.5) !default;
         }
     }
 
-    kendo-grid {
-        .k-grid-content-sticky {
-            border-color: $kendo-grid-sticky-border;
-            border-bottom-color: $kendo-grid-header-border;
-        }
-
-        .k-grid-row-sticky td,
-        .k-grid-row-sticky .k-table-td {
-            border-top-color: $kendo-grid-sticky-border;
-            border-bottom-color: $kendo-grid-sticky-border;
-        }
-    }
-
     .k-grid-header {
         .k-sorted,
         .k-link:hover {
@@ -56803,7 +56681,7 @@ $kendo-treelist-footer-row-border-width: 1px !default;
 
         tr.k-footer td,
         tr.k-footer-template + tr.k-footer-template td {
-            border-width: 0 0 $kendo-treelist-footer-row-border-width 0;
+            border-width: 0 0 $kendo-treelist-footer-row-border-width;
         }
     }
 
@@ -58631,6 +58509,12 @@ $kendo-editor-selectednode-outline-color: #88ccff !default;
         visibility: hidden;
     }
 
+    // Resizable tables
+    .k-editor-resize-wrap-element {
+        display: inline-block;
+        position: relative;
+    }
+
     .k-editor-resize-handle {
         width: $kendo-editor-resize-handle-size;
         height: $kendo-editor-resize-handle-size;
@@ -58716,7 +58600,7 @@ $kendo-editor-selectednode-outline-color: #88ccff !default;
 
     // Toolbar
     .k-editor-toolbar {
-        border-width: 0 0 $kendo-toolbar-border-width 0;
+        border-width: 0 0 $kendo-toolbar-border-width;
         flex-shrink: 0;
 
         .k-editor-export {
@@ -58971,7 +58855,7 @@ $kendo-editor-selectednode-outline-color: #88ccff !default;
 
         // Filebrowser toolbar
         .k-filebrowser-toolbar {
-            margin: k-spacing(4) 0 0 0;
+            margin: k-spacing(4) 0 0;
         }
 
         .k-upload {
@@ -58998,7 +58882,7 @@ $kendo-editor-selectednode-outline-color: #88ccff !default;
             flex-flow: row wrap;
             height: 390px;
             max-height: 50vh;
-            margin: 0 0 k-spacing(4) 0;
+            margin: 0 0 k-spacing(4);
             padding-block: $kendo-padding-md-y;
             padding-inline: $kendo-padding-md-x;
             border-top-width: 0;