@progress/kendo-theme-default 6.2.1-dev.154 → 6.2.1-dev.170

package/dist/all.css

@@ -45886,12 +45886,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 {
@@ -46062,6 +46060,19 @@ div.k-grid-footer {
     z-index: 2;
 }
 
+.k-selection-aggregates {
+    border-width: 1px 0 0;
+    border-style: solid;
+    line-height: 1.4285714286;
+    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;
@@ -46384,6 +46395,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: 0px;
+    padding-block-end: 2px;
+    position: absolute;
+    background: none;
+    cursor: row-resize;
+}
+
 .k-grid-md .k-table-th {
     padding-block: 8px;
     padding-inline: 12px;
@@ -46473,6 +46499,21 @@ div.k-grid-norecords {
     gap: 4px;
 }
 
+.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: 1px;
+    padding-block-end: 3px;
+    position: absolute;
+    background: none;
+    cursor: row-resize;
+}
+
 .k-loading-pdf-mask {
     position: absolute;
     width: 100%;
@@ -46662,6 +46703,28 @@ div.k-grid-norecords {
     align-items: center;
 }
 
+.k-column-menu-tabbed {
+    border-radius: 4px 4px 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: 8px;
+    border-width: 0;
+}
+
 .k-column-list {
     padding: 0;
     margin: 0;
@@ -46964,6 +47027,12 @@ col.k-sorted,
     background-color: #fafafa;
 }
 
+.k-selection-aggregates {
+    border-color: rgba(0, 0, 0, 0.08);
+    color: #424242;
+    background-color: #fafafa;
+}
+
 .k-master-row .k-grid-content-sticky {
     border-color: rgba(0, 0, 0, 0.3);
     border-top-color: rgba(0, 0, 0, 0.08);
@@ -47141,6 +47210,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
 }
 
+.k-column-menu-tabbed {
+    background-color: #fafafa;
+}
+
 .k-column-menu-group-header-text {
     border-color: rgba(0, 0, 0, 0.08);
     color: #424242;
@@ -47155,11 +47228,11 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     border-color: rgba(0, 0, 0, 0.08);
 }
 
-.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: #ff6358;
 }
 

package/dist/all.scss

@@ -40909,6 +40909,7 @@ $_kendo-module-meta: (
         "radio",
         "skeleton",
         "table",
+        "tabstrip",
         "textbox",
         "toolbar",
         "validator",
@@ -41685,6 +41686,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
@@ -41755,6 +41759,8 @@ $kendo-grid-sm-filter-cell-padding-y: $kendo-grid-sm-filter-cell-padding-x !defa
 $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, 0.5 ) !default; // sass-lint:disable-line leading-zero
 $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;
@@ -41769,6 +41775,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
@@ -41786,7 +41794,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,
@@ -41801,7 +41811,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;
 
@@ -41882,6 +41894,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: $kendo-base-bg !default;
 $kendo-grid-grouping-row-text: $kendo-grid-text !default;
 
@@ -41950,6 +41984,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 * 2.25) !default;
 
 $kendo-grid-row-inner-height: calc( #{$kendo-line-height-em} + #{$kendo-grid-cell-padding-y * 2} ) !default;
@@ -41962,10 +42001,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
@@ -42469,12 +42511,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 {
@@ -42638,6 +42678,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;
@@ -42884,6 +42938,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} {
 
@@ -42986,6 +43042,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;
+            }
         }
 
     }
@@ -43192,6 +43266,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;
@@ -43516,6 +43611,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 {
@@ -43736,6 +43840,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(
@@ -43755,12 +43862,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 );
         }
+
     }
 
 }