@progress/kendo-theme-default 6.2.1-dev.8 → 6.3.0

package/scss/gantt/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("gantt/layout") {
+@mixin kendo-gantt--layout-base() {
 
     $row-height: #{$kendo-line-height-em} + #{2 * $kendo-table-md-cell-padding-y} + #{$kendo-grid-cell-horizontal-border-width};
 
@@ -246,7 +246,7 @@
     }
 
 
-    // Gant content
+    // Gantt content
     .k-gantt-content {
         display: flex;
         flex-flow: row nowrap;
@@ -761,10 +761,11 @@
         overflow: hidden;
         text-overflow: ellipsis;
     }
-}
 
-@include exports("gantt/export") {
 
+
+
+    // Gantt export
     .k-pdf-export-shadow {
         .k-gantt {
             float: left;
@@ -787,12 +788,9 @@
         }
     }
 
-}
-
-
-@include exports("gantt-edit-form/layout") {
 
 
+    // Gantt edit form
     .k-gantt-edit-form {}
 
     .k-gantt-edit-form .k-gantt-update {}
@@ -801,11 +799,10 @@
         float: left;
     }
 
-}
 
 
-@include exports("gantt/rtl") {
 
+    // Gantt RTL
     .k-rtl,
     [dir="rtl"] {
 
@@ -889,4 +886,10 @@
             right: 0;
         }
     }
+
+}
+
+
+@mixin kendo-gantt--layout() {
+    @include kendo-gantt--layout-base();
 }

package/scss/gantt/_theme.scss

@@ -1,5 +1,6 @@
-@include exports("gantt/theme") {
+@mixin kendo-gantt--theme-base() {
 
+    // Gantt
     .k-gantt {
         @include fill(
             $kendo-gantt-text,
@@ -271,4 +272,10 @@
             background-color: $kendo-gantt-validation-tooltip-invalid-border;
         }
     }
+
+}
+
+
+@mixin kendo-gantt--theme() {
+    @include kendo-gantt--theme-base();
 }

package/scss/grid/_index.scss

@@ -25,6 +25,7 @@ $_kendo-module-meta: (
         "radio",
         "skeleton",
         "table",
+        "tabstrip",
         "textbox",
         "toolbar",
         "validator",
@@ -58,9 +59,28 @@ $_kendo-module-meta: (
 // @import "../utils/_spacer.scss";
 @import "../list/_index.scss";
 @import "../table/_index.scss";
+@import "../tabstrip/_index.scss";
 
 
 // Component
 @import "./_variables.scss";
 @import "./_layout.scss";
 @import "./_theme.scss";
+
+
+// Register
+@import "../core/module-system/index.import.scss";
+@include module-register( $_kendo-module-meta... );
+
+
+// Expose
+@mixin kendo-grid--styles() {
+    @include module-render( "grid" ) {
+        @include kendo-grid--layout();
+        @include kendo-grid--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-grid--styles();
+}

package/scss/grid/_layout.scss

@@ -1,5 +1,6 @@
-@include exports("grid/layout") {
+@mixin kendo-grid--layout-base() {
 
+    // Grid
     .k-grid {
         border-width: $kendo-grid-border-width;
         border-style: solid;
@@ -496,6 +497,13 @@
         cursor: col-resize;
     }
 
+    .k-row-resizer {
+        display: block;
+        height: $kendo-grid-row-resizer-height;
+        width: 100%;
+        background: none;
+    }
+
     .k-grid-footer {
         border-top-width: 1px;
 
@@ -657,6 +665,20 @@
     }
 
 
+    // 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;
@@ -903,6 +925,8 @@
         $_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} {
 
@@ -1005,12 +1029,29 @@
                     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;
+            }
         }
 
     }
-}
 
-@include exports( "grid/pdf-export" ) {
+
     // PDF export
     .k-loading-pdf-mask {
         position: absolute;
@@ -1081,9 +1122,7 @@
             padding: 0 !important; // sass-lint:disable-line no-important
         }
     }
-}
 
-@include exports( "filtermenu/layout" ) {
 
     // Filter menu
     .k-filter-menu-popup {
@@ -1178,9 +1217,7 @@
         }
     }
 
-}
 
-@include exports("columnmenu/layout") {
 
     // Column menu
     .k-column-menu-popup,
@@ -1216,6 +1253,27 @@
             }
         }
     }
+    .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;
@@ -1292,3 +1350,8 @@
     }
 
 }
+
+
+@mixin kendo-grid--layout() {
+    @include kendo-grid--layout-base();
+}

package/scss/grid/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("grid/theme") {
+@mixin kendo-grid--theme-base() {
 
     .k-grid-header,
     .k-grid-header-wrap,
@@ -238,6 +238,15 @@
         }
     }
 
+    // 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 {
@@ -260,10 +269,10 @@
         }
 
         // 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 );
         }
 
@@ -458,6 +467,9 @@
             }
         }
     }
+    .k-column-menu-tabbed {
+        background-color: $kendo-grid-column-menu-tabbed-bg;
+    }
 
     .k-column-menu-group-header-text {
         @include fill(
@@ -476,4 +488,22 @@
         border-color: $kendo-grid-border;
     }
 
+    // Row resizing
+    .k-resizer-wrap {
+
+        &.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 );
+        }
+
+    }
+
+}
+
+
+@mixin kendo-grid--theme() {
+    @include kendo-grid--theme-base();
 }

package/scss/grid/_variables.scss

@@ -64,6 +64,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;
@@ -78,6 +80,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
@@ -95,7 +99,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,
@@ -110,7 +116,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;
 
@@ -191,6 +199,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;
 
@@ -259,6 +289,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;
@@ -268,3 +303,13 @@ $kendo-grid-hierarchy-col-width: ($kendo-icon-size * 2) !default;
 $kendo-grid-grouping-row-border-top: 1px !default;
 $kendo-grid-group-footer-border-y: 1px !default;
 $kendo-grid-group-footer-second-cell-border: 1px !default;
+
+/// Background color of the grid row resize indicator
+/// @group grid
+$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;

package/scss/icons/_index.scss

@@ -9,10 +9,25 @@ $_kendo-module-meta: (
 );
 
 
-// Dependencies
-@import "../common/_index.scss";
-
-
 // Component
+@import "./_variables.scss";
 @import "./_layout.scss";
 @import "./_theme.scss";
+
+
+// Register
+@import "../core/module-system/index.import.scss";
+@include module-register( $_kendo-module-meta... );
+
+
+// Expose
+@mixin kendo-icon--styles() {
+    @include module-render( "icon" ) {
+        @include kendo-icon--layout();
+        @include kendo-icon--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-icon--styles();
+}

package/scss/icons/_layout.scss

@@ -3,7 +3,7 @@ $ki-icon-size: $kendo-icon-size;
 
 @import "@progress/kendo-font-icons/scss/index.scss";
 
-@include exports( "icons/layout" ) {
+@mixin kendo-icon--layout-base() {
 
     @include kendo-icon-styles();
 
@@ -81,3 +81,8 @@ $ki-icon-size: $kendo-icon-size;
         display: inline-block;
     }
 }
+
+
+@mixin kendo-icon--layout() {
+    @include kendo-icon--layout-base();
+}

package/scss/icons/_theme.scss

@@ -0,0 +1,6 @@
+@mixin kendo-icon--theme-base() {}
+
+
+@mixin kendo-icon--theme() {
+    @include kendo-icon--theme-base();
+}

package/scss/imageeditor/_index.scss

@@ -28,3 +28,21 @@ $_kendo-module-meta: (
 @import "./_variables.scss";
 @import "./_layout.scss";
 @import "./_theme.scss";
+
+
+// Register
+@import "../core/module-system/index.import.scss";
+@include module-register( $_kendo-module-meta... );
+
+
+// Expose
+@mixin kendo-image-editor--styles() {
+    @include module-render( "image-editor" ) {
+        @include kendo-image-editor--layout();
+        @include kendo-image-editor--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-image-editor--styles();
+}

package/scss/imageeditor/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("imageeditor/layout") {
+@mixin kendo-image-editor--layout-base() {
 
     // Image Editor
     .k-imageeditor {
@@ -153,3 +153,8 @@
     }
 
 }
+
+
+@mixin kendo-image-editor--layout() {
+    @include kendo-image-editor--layout-base();
+}

package/scss/imageeditor/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("imageeditor/theme") {
+@mixin kendo-image-editor--theme-base() {
 
     // Image Editor
     .k-imageeditor {
@@ -49,3 +49,8 @@
     }
 
 }
+
+
+@mixin kendo-image-editor--theme() {
+    @include kendo-image-editor--theme-base();
+}