@progress/kendo-theme-bootstrap 6.2.1-dev.151 → 6.2.1-dev.170

package/dist/all.css

@@ -46087,12 +46087,10 @@ div.k-grid-footer {
 }
 
 .k-row-resizer {
-    width: 100%;
-    height: 2px;
     display: block;
-    position: absolute;
-    bottom: 0;
-    cursor: row-resize;
+    height: 0.125rem;
+    width: 100%;
+    background: none;
 }
 
 .k-grid-footer {
@@ -46263,6 +46261,19 @@ div.k-grid-footer {
     z-index: 2;
 }
 
+.k-selection-aggregates {
+    border-width: 1px 0 0;
+    border-style: solid;
+    line-height: 1.5;
+    display: flex;
+    justify-content: flex-end;
+    gap: 0.5rem;
+}
+
+.k-selection-aggregates-item-value {
+    font-weight: 700;
+}
+
 .k-grid-pager {
     border-width: 1px 0 0;
     border-color: inherit;
@@ -46585,6 +46596,21 @@ div.k-grid-norecords {
     gap: 0.125rem;
 }
 
+.k-grid-sm .k-selection-aggregates {
+    padding-block: 0.25rem;
+    padding-inline: 0.25rem;
+}
+
+.k-grid-sm .k-resizer-wrap {
+    display: block;
+    width: 100%;
+    padding-block-start: 0.125rem;
+    padding-block-end: 0.25rem;
+    position: absolute;
+    background: none;
+    cursor: row-resize;
+}
+
 .k-grid-md .k-table-th {
     padding-block: 0.5rem;
     padding-inline: 0.5rem;
@@ -46674,6 +46700,21 @@ div.k-grid-norecords {
     gap: 0.25rem;
 }
 
+.k-grid-md .k-selection-aggregates {
+    padding-block: 0.5rem;
+    padding-inline: 0.5rem;
+}
+
+.k-grid-md .k-resizer-wrap {
+    display: block;
+    width: 100%;
+    padding-block-start: calc(5px - 0.125rem);
+    padding-block-end: 5px;
+    position: absolute;
+    background: none;
+    cursor: row-resize;
+}
+
 .k-loading-pdf-mask {
     position: absolute;
     width: 100%;
@@ -46863,6 +46904,28 @@ div.k-grid-norecords {
     align-items: center;
 }
 
+.k-column-menu-tabbed {
+    border-radius: 0.25rem 0.25rem 0 0;
+}
+
+.k-column-menu-tabbed .k-tabstrip-items {
+    margin: -1px -1px 0;
+}
+
+.k-column-menu-tabbed .k-tabstrip-items .k-item {
+    flex: 1;
+}
+
+.k-column-menu-tabbed .k-tabstrip-items .k-link {
+    justify-content: center;
+}
+
+.k-column-menu-tabbed .k-tabstrip-content {
+    padding-inline: 0;
+    padding-block: 0.5rem;
+    border-width: 0;
+}
+
 .k-column-list {
     padding: 0;
     margin: 0;
@@ -47100,6 +47163,12 @@ div.k-grid-norecords {
     background-color: #f8f9fa;
 }
 
+.k-selection-aggregates {
+    border-color: #dee2e6;
+    color: #212529;
+    background-color: #f8f9fa;
+}
+
 .k-master-row .k-grid-content-sticky {
     border-color: rgba(33, 37, 41, 0.5);
     color: #212529;
@@ -47319,6 +47388,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15);
 }
 
+.k-column-menu-tabbed {
+    background-color: #f8f9fa;
+}
+
 .k-column-menu-group-header-text {
     border-color: #dee2e6;
     color: #212529;
@@ -47333,11 +47406,11 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     border-color: #dee2e6;
 }
 
-.k-row-resizer {
+.k-resizer-wrap.k-hover .k-row-resizer {
     background-color: rgba(0, 0, 0, 0.12);
 }
 
-.k-row-resizer.k-active {
+.k-resizer-wrap.k-active .k-row-resizer {
     background-color: #0d6efd;
 }
 

package/dist/all.scss

@@ -44419,6 +44419,7 @@ $_kendo-module-meta: (
         "radio",
         "skeleton",
         "table",
+        "tabstrip",
         "textbox",
         "toolbar",
         "validator",
@@ -45209,6 +45210,9 @@ $kendo-adaptive-scheduler-subtle-text: $kendo-subtle-text !default;
 // #region @import "../table/_index.scss"; -> scss/table/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
+// #region @import "../tabstrip/_index.scss"; -> scss/tabstrip/_index.scss
+// File already imported_once. Skipping output.
+// #endregion
 
 
 // Component
@@ -45280,6 +45284,8 @@ $kendo-grid-sm-filter-cell-padding-y: $kendo-grid-sm-filter-cell-padding-x !defa
 $kendo-grid-sm-edit-cell-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-grid-sm-edit-cell-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-grid-sm-group-dropclue-height: calc( #{$kendo-chip-sm-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default;
+$kendo-grid-sm-selection-aggregates-padding-x: $kendo-grid-sm-padding-y !default;
+$kendo-grid-sm-selection-aggregates-padding-y: $kendo-grid-sm-padding-y !default;
 
 $kendo-grid-md-padding-x: $kendo-grid-padding-x !default;
 $kendo-grid-md-padding-y: $kendo-grid-padding-y !default;
@@ -45294,6 +45300,8 @@ $kendo-grid-md-filter-cell-padding-y: $kendo-grid-filter-cell-padding-y !default
 $kendo-grid-md-edit-cell-padding-x: $kendo-grid-edit-cell-padding-x !default;
 $kendo-grid-md-edit-cell-padding-y: $kendo-grid-edit-cell-padding-y !default;
 $kendo-grid-md-group-dropclue-height: $kendo-grid-group-drop-hint-height !default;
+$kendo-grid-md-selection-aggregates-padding-x: $kendo-grid-padding-y !default;
+$kendo-grid-md-selection-aggregates-padding-y: $kendo-grid-padding-y !default;
 
 
 // Kendo Grid sizes
@@ -45311,7 +45319,9 @@ $kendo-grid-sizes: (
         edit-cell-padding-y: $kendo-grid-sm-edit-cell-padding-y,
         button-padding-y: $kendo-button-sm-padding-y,
         button-calc-size: $kendo-button-sm-calc-size,
-        group-dropclue-height: $kendo-grid-sm-group-dropclue-height
+        group-dropclue-height: $kendo-grid-sm-group-dropclue-height,
+        selection-aggregates-padding-x: $kendo-grid-sm-selection-aggregates-padding-x,
+        selection-aggregates-padding-y: $kendo-grid-sm-selection-aggregates-padding-y
     ),
     md: (
         header-padding-x: $kendo-grid-md-header-padding-x,
@@ -45326,7 +45336,9 @@ $kendo-grid-sizes: (
         edit-cell-padding-y: $kendo-grid-md-edit-cell-padding-y,
         button-padding-y: $kendo-button-md-padding-y,
         button-calc-size: $kendo-button-md-calc-size,
-        group-dropclue-height: $kendo-grid-md-group-dropclue-height
+        group-dropclue-height: $kendo-grid-md-group-dropclue-height,
+        selection-aggregates-padding-x: $kendo-grid-md-selection-aggregates-padding-x,
+        selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-y
     ),
 ) !default;
 
@@ -45406,6 +45418,28 @@ $kendo-grid-selected-text: $kendo-table-selected-text !default;
 /// @group grid
 $kendo-grid-selected-border: $kendo-table-selected-border !default;
 
+/// Background color of the selection aggregates container
+/// @group grid
+$kendo-grid-selection-aggregates-bg: $kendo-grid-header-bg !default;
+/// Text color of the selection aggregates container
+/// @group grid
+$kendo-grid-selection-aggregates-text: $kendo-grid-text !default;
+/// Border color of the selection aggregates container
+/// @group grid
+$kendo-grid-selection-aggregates-border: $kendo-grid-border !default;
+/// Border width of the selection aggregates container
+/// @group grid
+$kendo-grid-selection-aggregates-border-width: $kendo-grid-border-width !default;
+/// Spacing between the selection aggregates items
+/// @group grid
+$kendo-grid-selection-aggregates-spacing: k-map-get( $kendo-spacing, 2 ) !default;
+/// Line height of the selection aggregates container
+/// @group grid
+$kendo-grid-selection-aggregates-line-height: $kendo-grid-line-height !default;
+/// Font weight of the selection aggregates container
+/// @group grid
+$kendo-grid-selection-aggregates-font-weight: $kendo-font-weight-bold !default;
+
 $kendo-grid-grouping-row-bg: k-try-shade( $kendo-grid-bg ) !default;
 $kendo-grid-grouping-row-text: $kendo-grid-text !default;
 
@@ -45474,6 +45508,11 @@ $kendo-grid-column-menu-group-header-bg: null !default;
 $kendo-grid-column-menu-group-header-text: $kendo-popup-text !default;
 $kendo-grid-column-menu-group-header-border: $kendo-popup-border !default;
 
+$kendo-grid-column-menu-tabbed-tabstrip-content-padding-x: 0 !default;
+$kendo-grid-column-menu-tabbed-tabstrip-content-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+
+$kendo-grid-column-menu-tabbed-bg: $kendo-base-bg !default;
+
 $kendo-grid-drag-cell-width: ($kendo-icon-size * 3) !default;
 
 $kendo-grid-row-inner-height: calc( #{$kendo-line-height-em} + #{$kendo-grid-cell-padding-y * 2} ) !default;
@@ -45486,10 +45525,13 @@ $kendo-grid-group-footer-second-cell-border: 1px !default;
 
 /// Background color of the grid row resize indicator
 /// @group grid
-$kendo-grid-row-resizer-bg: rgba( k-contrast-color( $kendo-grid-bg ), .12 ) !default;
+$kendo-grid-row-resizer-hover-bg: rgba( k-contrast-color( $kendo-grid-bg ), .12 ) !default;
 /// Active background color of the grid row resize indicator
 /// @group grid
 $kendo-grid-row-resizer-active-bg: $kendo-color-primary !default;
+/// Height of the grid row resize indicator
+/// @group grid
+$kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
 
 // #endregion
 // #region @import "./_layout.scss"; -> scss/grid/_layout.scss
@@ -45994,12 +46036,10 @@ $kendo-grid-row-resizer-active-bg: $kendo-color-primary !default;
     }
 
     .k-row-resizer {
-        width: 100%;
-        height: 2px;
         display: block;
-        position: absolute;
-        bottom: 0;
-        cursor: row-resize;
+        height: $kendo-grid-row-resizer-height;
+        width: 100%;
+        background: none;
     }
 
     .k-grid-footer {
@@ -46163,6 +46203,20 @@ $kendo-grid-row-resizer-active-bg: $kendo-color-primary !default;
     }
 
 
+    // Selection Aggregates
+    .k-selection-aggregates {
+        border-width: $kendo-grid-selection-aggregates-border-width 0 0;
+        border-style: solid;
+        line-height: $kendo-grid-selection-aggregates-line-height;
+        display: flex;
+        justify-content: flex-end;
+        gap: $kendo-grid-selection-aggregates-spacing;
+    }
+    .k-selection-aggregates-item-value {
+        font-weight: $kendo-grid-selection-aggregates-font-weight;
+    }
+
+
     // Pager
     .k-grid-pager {
         border-width: 1px 0 0;
@@ -46409,6 +46463,8 @@ $kendo-grid-row-resizer-active-bg: $kendo-color-primary !default;
         $_button-calc-size: k-map-get( $size-props, button-calc-size );
         $_button-line-height: k-map-get( $size-props, button-line-height );
         $_group-dropclue-height: k-map-get( $size-props, group-dropclue-height );
+        $_selection-aggregates-padding-x: k-map-get( $size-props, selection-aggregates-padding-x );
+        $_selection-aggregates-padding-y: k-map-get( $size-props, selection-aggregates-padding-y );
 
         .k-grid-#{$size} {
 
@@ -46511,6 +46567,24 @@ $kendo-grid-row-resizer-active-bg: $kendo-color-primary !default;
                     gap: k-math-div( $_cell-padding-y, 2 );
                 }
             }
+
+
+            // Selection Aggregates
+            .k-selection-aggregates {
+                padding-block: $_selection-aggregates-padding-x;
+                padding-inline: $_selection-aggregates-padding-y;
+            }
+
+            // Resizing wrapper
+            .k-resizer-wrap {
+                display: block;
+                width: 100%;
+                padding-block-start: calc( #{$_edit-cell-padding-y} - #{$kendo-grid-row-resizer-height} );
+                padding-block-end: $_edit-cell-padding-y;
+                position: absolute;
+                background: none;
+                cursor: row-resize;
+            }
         }
 
     }
@@ -46717,6 +46791,27 @@ $kendo-grid-row-resizer-active-bg: $kendo-color-primary !default;
             }
         }
     }
+    .k-column-menu-tabbed {
+        border-radius: $kendo-tabstrip-item-border-radius $kendo-tabstrip-item-border-radius 0 0;
+
+        .k-tabstrip-items {
+            margin: (-$kendo-tabstrip-item-border-width) (-$kendo-tabstrip-item-border-width) 0;
+
+            .k-item {
+                flex: 1;
+            }
+
+            .k-link {
+                justify-content: center;
+            }
+        }
+
+        .k-tabstrip-content {
+            padding-inline: $kendo-grid-column-menu-tabbed-tabstrip-content-padding-x;
+            padding-block: $kendo-grid-column-menu-tabbed-tabstrip-content-padding-y;
+            border-width: 0;
+        }
+    }
 
     .k-column-list {
         padding: 0;
@@ -47049,6 +47144,15 @@ $kendo-grid-row-resizer-active-bg: $kendo-color-primary !default;
         }
     }
 
+    // Selection Aggregates
+    .k-selection-aggregates {
+        @include fill(
+            $kendo-grid-selection-aggregates-text,
+            $kendo-grid-selection-aggregates-bg,
+            $kendo-grid-selection-aggregates-border
+        );
+    }
+
     // Content
     .k-master-row {
         .k-grid-content-sticky {
@@ -47071,10 +47175,10 @@ $kendo-grid-row-resizer-active-bg: $kendo-color-primary !default;
         }
 
         // Selected state
-        &.k-selected .k-grid-content-sticky,
-        &.k-selected .k-grid-row-sticky,
-        td.k-grid-content-sticky.k-selected,
-        .k-table-td.k-grid-content-sticky.k-selected {
+        &.k-table-row.k-selected .k-grid-content-sticky,
+        &.k-table-row.k-selected .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 {
             @include fill( $bg: $kendo-grid-sticky-selected-bg );
         }
 
@@ -47269,6 +47373,9 @@ $kendo-grid-row-resizer-active-bg: $kendo-color-primary !default;
             }
         }
     }
+    .k-column-menu-tabbed {
+        background-color: $kendo-grid-column-menu-tabbed-bg;
+    }
 
     .k-column-menu-group-header-text {
         @include fill(
@@ -47288,12 +47395,16 @@ $kendo-grid-row-resizer-active-bg: $kendo-color-primary !default;
     }
 
     // Row resizing
-    .k-row-resizer {
-        @include fill( $bg: $kendo-grid-row-resizer-bg );
+    .k-resizer-wrap {
 
-        &.k-active {
+        &.k-hover .k-row-resizer {
+            @include fill( $bg: $kendo-grid-row-resizer-hover-bg );
+        }
+
+        &.k-active .k-row-resizer {
             @include fill( $bg: $kendo-grid-row-resizer-active-bg );
         }
+
     }
 
 }
@@ -47480,6 +47591,15 @@ $kendo-grid-row-resizer-active-bg: $kendo-color-primary !default;
         }
     }
 
+    // Selection Aggregates
+    .k-selection-aggregates {
+        @include fill(
+            $kendo-grid-selection-aggregates-text,
+            $kendo-grid-selection-aggregates-bg,
+            $kendo-grid-selection-aggregates-border
+        );
+    }
+
 
     // Content
     .k-master-row {
@@ -47741,6 +47861,9 @@ $kendo-grid-row-resizer-active-bg: $kendo-color-primary !default;
             }
         }
     }
+    .k-column-menu-tabbed {
+        background-color: $kendo-grid-column-menu-tabbed-bg;
+    }
 
     .k-column-menu-group-header-text {
         @include fill(
@@ -47760,12 +47883,16 @@ $kendo-grid-row-resizer-active-bg: $kendo-color-primary !default;
     }
 
     //Row resize indicator
-    .k-row-resizer {
-        @include fill ( $bg: $kendo-grid-row-resizer-bg );
+    .k-resizer-wrap {
 
-        &.k-active {
-            @include fill ( $bg: $kendo-grid-row-resizer-active-bg );
+        &.k-hover .k-row-resizer {
+            @include fill( $bg: $kendo-grid-row-resizer-hover-bg );
         }
+
+        &.k-active .k-row-resizer {
+            @include fill( $bg: $kendo-grid-row-resizer-active-bg );
+        }
+
     }
 
 }