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

package/dist/all.css

@@ -47052,12 +47052,10 @@ div.k-grid-footer {
 }
 
 .k-row-resizer {
-    width: 100%;
-    height: 2px;
     display: block;
-    position: absolute;
-    bottom: 0;
-    cursor: row-resize;
+    height: 2px;
+    width: 100%;
+    background: none;
 }
 
 .k-grid-footer {
@@ -47228,6 +47226,19 @@ div.k-grid-footer {
     z-index: 2;
 }
 
+.k-selection-aggregates {
+    border-width: 1px 0 0;
+    border-style: solid;
+    line-height: 20px;
+    display: flex;
+    justify-content: flex-end;
+    gap: 8px;
+}
+
+.k-selection-aggregates-item-value {
+    font-weight: 700;
+}
+
 .k-grid-pager {
     border-width: 1px 0 0;
     border-color: inherit;
@@ -47550,6 +47561,21 @@ div.k-grid-norecords {
     gap: 2px;
 }
 
+.k-grid-sm .k-selection-aggregates {
+    padding-block: 4px;
+    padding-inline: 4px;
+}
+
+.k-grid-sm .k-resizer-wrap {
+    display: block;
+    width: 100%;
+    padding-block-start: 2px;
+    padding-block-end: 4px;
+    position: absolute;
+    background: none;
+    cursor: row-resize;
+}
+
 .k-grid-md .k-table-th {
     padding-block: 16px;
     padding-inline: 24px;
@@ -47639,6 +47665,21 @@ div.k-grid-norecords {
     gap: 5px;
 }
 
+.k-grid-md .k-selection-aggregates {
+    padding-block: 8px;
+    padding-inline: 8px;
+}
+
+.k-grid-md .k-resizer-wrap {
+    display: block;
+    width: 100%;
+    padding-block-start: 4px;
+    padding-block-end: 6px;
+    position: absolute;
+    background: none;
+    cursor: row-resize;
+}
+
 .k-loading-pdf-mask {
     position: absolute;
     width: 100%;
@@ -47828,6 +47869,28 @@ div.k-grid-norecords {
     align-items: center;
 }
 
+.k-column-menu-tabbed {
+    border-radius: 0px 0px 0 0;
+}
+
+.k-column-menu-tabbed .k-tabstrip-items {
+    margin: 0px 0px 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: 8px;
+    border-width: 0;
+}
+
 .k-column-list {
     padding: 0;
     margin: 0;
@@ -48178,6 +48241,12 @@ col.k-sorted,
     background-color: #ffffff;
 }
 
+.k-selection-aggregates {
+    border-color: rgba(0, 0, 0, 0.12);
+    color: rgba(0, 0, 0, 0.87);
+    background-color: #ffffff;
+}
+
 .k-master-row .k-grid-content-sticky {
     border-color: rgba(0, 0, 0, 0.5);
     border-top-color: rgba(0, 0, 0, 0.12);
@@ -48195,10 +48264,10 @@ col.k-sorted,
     background-color: #ffffff;
 }
 
-.k-master-row.k-selected .k-grid-content-sticky,
-.k-master-row.k-selected .k-grid-row-sticky,
-.k-master-row td.k-grid-content-sticky.k-selected,
-.k-master-row .k-table-td.k-grid-content-sticky.k-selected {
+.k-master-row.k-table-row.k-selected .k-grid-content-sticky,
+.k-master-row.k-table-row.k-selected .k-grid-row-sticky,
+.k-master-row.k-table-row td.k-grid-content-sticky.k-selected,
+.k-master-row.k-table-row .k-table-td.k-grid-content-sticky.k-selected {
     background-color: whitesmoke;
 }
 
@@ -48346,6 +48415,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     background-color: #ffffff;
 }
 
+.k-column-menu-tabbed {
+    background-color: #ffffff;
+}
+
 .k-column-menu-group-header-text {
     border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.87);
@@ -48360,11 +48433,11 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     border-color: rgba(0, 0, 0, 0.12);
 }
 
-.k-row-resizer {
+.k-resizer-wrap.k-hover .k-row-resizer {
     background-color: rgba(0, 0, 0, 0.24);
 }
 
-.k-row-resizer.k-active {
+.k-resizer-wrap.k-active .k-row-resizer {
     background-color: #3f51b5;
 }
 

package/dist/all.scss

@@ -44259,6 +44259,7 @@ $_kendo-module-meta: (
         "radio",
         "skeleton",
         "table",
+        "tabstrip",
         "textbox",
         "toolbar",
         "validator",
@@ -45049,6 +45050,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
@@ -45121,6 +45125,8 @@ $kendo-grid-sm-filter-cell-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 $kendo-grid-sm-edit-cell-padding-x: $kendo-grid-sm-cell-padding-x !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;
@@ -45135,6 +45141,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: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-grid-md-selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-x !default;
 
 
 // Kendo Grid sizes
@@ -45152,7 +45160,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,
@@ -45167,7 +45177,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;
 
@@ -45246,6 +45258,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: 20px !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: transparent !default;
 $kendo-grid-grouping-row-text: $kendo-grid-text !default;
 
@@ -45315,6 +45349,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;
@@ -45327,10 +45366,13 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
 
 /// Background color of the grid row resize indicator
 /// @group grid
-$kendo-grid-row-resizer-bg: rgba( k-contrast-color( $kendo-grid-bg ), .24 ) !default;
+$kendo-grid-row-resizer-hover-bg: rgba( k-contrast-color( $kendo-grid-bg ), .24 ) !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
@@ -45835,12 +45877,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 {
@@ -46004,6 +46044,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;
@@ -46250,6 +46304,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} {
 
@@ -46352,6 +46408,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;
+            }
         }
 
     }
@@ -46558,6 +46632,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;
@@ -46991,6 +47086,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 {
@@ -47013,10 +47117,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 );
         }
 
@@ -47211,6 +47315,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(
@@ -47230,12 +47337,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 );
         }
+
     }
 
 }