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

package/dist/all.scss

@@ -14496,8 +14496,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
@@ -14666,8 +14666,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
@@ -28287,7 +28287,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%;
@@ -28297,7 +28297,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;
@@ -41211,10 +41211,8 @@ $_kendo-module-meta: (
         overflow: hidden;
         cursor: default;
         flex: 1;
-        display: flex;
-        flex-flow: row nowrap;
 
-        &::before {
+        &:empty::before {
             content: "\200b";
         }
     }
@@ -51540,7 +51538,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%;
@@ -52389,7 +52388,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;
@@ -52397,6 +52396,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 );
             }
@@ -52404,6 +52404,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 {
@@ -52419,6 +52420,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 {
@@ -52437,8 +52439,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;
         }
 
@@ -52446,8 +52450,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,
@@ -52464,121 +52470,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 );
@@ -52881,7 +52772,7 @@ $kendo-grid-row-resizer-height: k-spacing(0.5) !default;
             border-top-color: $kendo-grid-border;
         }
 
-        .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;
@@ -52889,6 +52780,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 );
             }
@@ -52896,6 +52788,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 {
@@ -52911,6 +52804,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 {
@@ -52930,7 +52824,9 @@ $kendo-grid-row-resizer-height: k-spacing(0.5) !default;
         &:hover .k-grid-content-sticky,
         &.k-hover .k-grid-content-sticky,
         &:hover .k-grid-row-sticky,
-        &.k-hover .k-grid-row-sticky {
+        &.k-hover .k-grid-row-sticky,
+        &:hover.k-grid-row-sticky > .k-table-td,
+        &.k-hover.k-grid-row-sticky > .k-table-td {
             background-color: $kendo-grid-sticky-hover-bg;
         }
 
@@ -52940,6 +52836,8 @@ $kendo-grid-row-resizer-height: k-spacing(0.5) !default;
         &.k-selected.k-hover .k-table-td.k-grid-content-sticky,
         &.k-selected:hover td.k-grid-row-sticky,
         &.k-selected.k-hover .k-table-td.k-grid-row-sticky,
+        &.k-selected:hover.k-grid-row-sticky > .k-table-td,
+        &.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,
@@ -52956,119 +52854,6 @@ $kendo-grid-row-resizer-height: k-spacing(0.5) !default;
         }
     }
 
-    kendo-grid.k-grid {
-        .k-grid-content-sticky {
-            border-top-color: $kendo-grid-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-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;
-
-            &: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 );
@@ -58528,6 +58313,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;
@@ -58613,7 +58404,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 {
@@ -58868,7 +58659,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 {
@@ -58895,7 +58686,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;