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

package/dist/all.css

@@ -45899,12 +45899,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 {
@@ -46075,6 +46073,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;
@@ -46397,6 +46408,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: 8px;
@@ -46486,6 +46512,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%;
@@ -46675,6 +46716,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;
@@ -46976,6 +47039,12 @@ col.k-sorted,
     background-color: #f0f0f0;
 }
 
+.k-selection-aggregates {
+    border-color: #cacaca;
+    color: #272727;
+    background-color: #f0f0f0;
+}
+
 .k-master-row .k-grid-content-sticky {
     border-color: #cacaca;
     border-top-color: #cacaca;
@@ -46993,10 +47062,10 @@ col.k-sorted,
     background-color: whitesmoke;
 }
 
-.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: rgba(243, 88, 0, 0.25);
 }
 
@@ -47153,6 +47222,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: #f0f0f0;
+}
+
 .k-column-menu-group-header-text {
     border-color: #cacaca;
     color: #272727;
@@ -47167,11 +47240,11 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     border-color: #cacaca;
 }
 
-.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: #f35800;
 }
 

package/dist/all.scss

@@ -42149,6 +42149,7 @@ $_kendo-module-meta: (
         "radio",
         "skeleton",
         "table",
+        "tabstrip",
         "textbox",
         "toolbar",
         "validator",
@@ -42941,6 +42942,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
@@ -43018,6 +43022,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;
@@ -43032,6 +43038,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
@@ -43049,7 +43057,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,
@@ -43064,7 +43074,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;
 
@@ -43145,6 +43157,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-sorted-icon-spacing: calc( #{$kendo-padding-md-x} - 1px ) !default;
 $kendo-grid-sorted-bg: rgba( k-contrast-color( $kendo-grid-bg ), .02 ) !default;
 $kendo-grid-sorting-indicator-text: $kendo-color-primary !default;
@@ -43212,6 +43246,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;
@@ -43224,10 +43263,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
@@ -43732,12 +43774,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 {
@@ -43901,6 +43941,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;
@@ -44147,6 +44201,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} {
 
@@ -44249,6 +44305,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;
+            }
         }
 
     }
@@ -44455,6 +44529,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;
@@ -44787,6 +44882,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 {
@@ -44809,10 +44913,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 );
         }
 
@@ -45007,6 +45111,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(
@@ -45026,12 +45133,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 );
         }
+
     }
 
 }