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

package/scss/grid/_variables.scss

@@ -71,6 +71,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;
@@ -85,6 +87,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
@@ -102,7 +106,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,
@@ -117,7 +123,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;
 
@@ -198,6 +206,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;
@@ -265,6 +295,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;
@@ -274,3 +309,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

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/icons/_layout.scss";
+
+
+@mixin kendo-icon--layout() {
+    @include kendo-icon--layout-base();
+}

package/scss/icons/_theme.scss

@@ -0,0 +1,6 @@
+@import "@progress/kendo-theme-default/scss/icons/_theme.scss";
+
+
+@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 +1,6 @@
 @import "@progress/kendo-theme-default/scss/imageeditor/_layout.scss";
+
+
+@mixin kendo-image-editor--layout() {
+    @include kendo-image-editor--layout-base();
+}

package/scss/imageeditor/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/imageeditor/_theme.scss";
+
+
+@mixin kendo-image-editor--theme() {
+    @include kendo-image-editor--theme-base();
+}

package/scss/index.scss

@@ -70,6 +70,7 @@
 @import "./datepicker/_index.scss";
 @import "./timepicker/_index.scss";
 @import "./datetimepicker/_index.scss";
+@import "./timedurationpicker/_index.scss";
 @import "./daterangepicker/_index.scss";
 @import "./dropdowngrid/_index.scss";
 @import "./dropdownlist/_index.scss";
@@ -157,3 +158,172 @@
 @import "./map/_index.scss";
 @import "./orgchart/_index.scss";
 @import "./signature/_index.scss";
+
+
+// Configuration
+@mixin kendo-theme--config( $config: null ) {
+}
+
+
+// Styles
+@mixin kendo-theme--styles() {
+    // Core
+    @include kendo-core--styles();
+
+    // Color system
+
+    // Typography and utils
+    @include kendo-typography--styles();
+    @include kendo-utils--styles();
+
+
+    // Generic content
+    @include kendo-icon--styles();
+    @include kendo-messagebox--styles();
+
+
+    // Primitive components
+    @include kendo-actions--styles();
+    @include kendo-list--styles();
+    @include kendo-listgroup--styles();
+    @include kendo-overlay--styles();
+    @include kendo-popup--styles();
+    @include kendo-ripple--styles();
+    @include kendo-table--styles();
+    @include kendo-virtual-scroller--styles();
+
+
+    // Indicators
+    @include kendo-avatar--styles();
+    @include kendo-badge--styles();
+    @include kendo-chip--styles();
+    @include kendo-color-preview--styles();
+    @include kendo-loader--styles();
+    @include kendo-skeleton--styles();
+    @include kendo-tooltip--styles();
+
+
+    // Form helpers
+    @include kendo-form--styles();
+    @include kendo-validator--styles();
+    @include kendo-floating-label--styles();
+
+
+    // Native forms
+    @include kendo-button--styles();
+    @include kendo-split-button--styles();
+    @include kendo-menu-button--styles();
+    @include kendo-input--styles();
+    @include kendo-textbox--styles();
+    @include kendo-textarea--styles();
+    @include kendo-checkbox--styles();
+    @include kendo-listbox--styles();
+    @include kendo-progressbar--styles();
+    @include kendo-radio--styles();
+    @include kendo-slider--styles();
+
+
+    // Form requirements
+    @include kendo-calendar--styles();
+    @include kendo-time-selector--styles();
+
+
+    // Augmented forms
+    @include kendo-autocomplete--styles();
+    @include kendo-captcha--styles();
+    @include kendo-color-palette--styles();
+    @include kendo-color-gradient--styles();
+    @include kendo-color-editor--styles();
+    @include kendo-color-picker--styles();
+    @include kendo-combobox--styles();
+    @include kendo-date-input--styles();
+    @include kendo-date-picker--styles();
+    @include kendo-time-picker--styles();
+    @include kendo-time-duration-picker--styles();
+    @include kendo-date-time-picker--styles();
+    @include kendo-date-range-picker--styles();
+    @include kendo-dropdown-grid--styles();
+    @include kendo-dropdown-list--styles();
+    @include kendo-dropdown-tree--styles();
+    @include kendo-masked-textbox--styles();
+    @include kendo-multiselect--styles();
+    @include kendo-numeric-textbox--styles();
+    @include kendo-rating--styles();
+    @include kendo-searchbox--styles();
+    @include kendo-switch--styles();
+    @include kendo-upload--styles();
+    @include kendo-dropzone--styles();
+
+
+    // Command interfaces
+    @include kendo-appbar--styles();
+    @include kendo-fab--styles();
+    @include kendo-menu--styles();
+    @include kendo-toolbar--styles();
+
+
+    // Popups and modals
+    @include kendo-window--styles();
+    @include kendo-action-sheet--styles();
+    @include kendo-dialog--styles();
+    @include kendo-drawer--styles();
+    @include kendo-notification--styles();
+    @include kendo-popover--styles();
+    @include kendo-responsive-panel--styles();
+
+
+    // Navigation
+    @include kendo-bottom-navigation--styles();
+    @include kendo-breadcrumb--styles();
+    @include kendo-pager--styles();
+    @include kendo-stepper--styles();
+    @include kendo-tabstrip--styles();
+    @include kendo-treeview--styles();
+    @include kendo-wizard--styles();
+
+
+    // Layout & containers
+    @include kendo-card--styles();
+    @include kendo-expander--styles();
+    @include kendo-panelbar--styles();
+    @include kendo-splitter--styles();
+    @include kendo-tile-layout--styles();
+
+
+    // Data management
+    @include kendo-grid--styles();
+    @include kendo-listview--styles();
+    @include kendo-spreadsheet--styles();
+    @include kendo-pivotgrid--styles();
+    @include kendo-treelist--styles();
+    @include kendo-filter--styles();
+    @include kendo-file-manager--styles();
+    @include kendo-task-board--styles();
+
+
+    // Editors
+    @include kendo-editor--styles();
+    @include kendo-image-editor--styles();
+
+
+    // Scheduling
+    @include kendo-gantt--styles();
+    @include kendo-scheduler--styles();
+
+
+    // Misc
+    @include kendo-adaptive--styles();
+    @include kendo-chat--styles();
+    @include kendo-media-player--styles();
+    @include kendo-timeline--styles();
+    @include kendo-pdf-viewer--styles();
+    @include kendo-scroller--styles();
+    @include kendo-scrollview--styles();
+
+
+    // Dataviz
+    @include kendo-dataviz--styles();
+    @include kendo-map--styles();
+    @include kendo-orgchart--styles();
+    @include kendo-signature--styles();
+}

package/scss/input/_index.scss

@@ -21,3 +21,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-input--styles() {
+    @include module-render( "input" ) {
+        @include kendo-input--layout();
+        @include kendo-input--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-input--styles();
+}

package/scss/input/_layout.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/input/_layout.scss";
+
+
+@mixin kendo-input--layout() {
+    @include kendo-input--layout-base();
+}

package/scss/input/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/input/_theme.scss";
+
+
+@mixin kendo-input--theme() {
+    @include kendo-input--theme-base();
+}

package/scss/list/_index.scss

@@ -21,3 +21,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-list--styles() {
+    @include module-render( "list" ) {
+        @include kendo-list--layout();
+        @include kendo-list--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-list--styles();
+}

package/scss/list/_layout.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/list/_layout.scss";
+
+
+@mixin kendo-list--layout() {
+    @include kendo-list--layout-base();
+}

package/scss/list/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/list/_theme.scss";
+
+
+@mixin kendo-list--theme() {
+    @include kendo-list--theme-base();
+}

package/scss/listbox/_index.scss

@@ -27,3 +27,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-listbox--styles() {
+    @include module-render( "listbox" ) {
+        @include kendo-listbox--layout();
+        @include kendo-listbox--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-listbox--styles();
+}

package/scss/listbox/_layout.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/listbox/_layout.scss";
+
+
+@mixin kendo-listbox--layout() {
+    @include kendo-listbox--layout-base();
+}

package/scss/listbox/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/listbox/_theme.scss";
+
+
+@mixin kendo-listbox--theme() {
+    @include kendo-listbox--theme-base();
+}

package/scss/listgroup/_index.scss

@@ -20,3 +20,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-listgroup--styles() {
+    @include module-render( "listgroup" ) {
+        @include kendo-listgroup--layout();
+        @include kendo-listgroup--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-listgroup--styles();
+}

package/scss/listgroup/_layout.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/listgroup/_layout.scss";
+
+
+@mixin kendo-listgroup--layout() {
+    @include kendo-listgroup--layout-base();
+}

package/scss/listgroup/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/listgroup/_theme.scss";
+
+
+@mixin kendo-listgroup--theme() {
+    @include kendo-listgroup--theme-base();
+}

package/scss/listview/_index.scss

@@ -25,3 +25,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-listview--styles() {
+    @include module-render( "listview" ) {
+        @include kendo-listview--layout();
+        @include kendo-listview--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-listview--styles();
+}

package/scss/listview/_layout.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/listview/_layout.scss";
+
+
+@mixin kendo-listview--layout() {
+    @include kendo-listview--layout-base();
+}

package/scss/listview/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/listview/_theme.scss";
+
+
+@mixin kendo-listview--theme() {
+    @include kendo-listview--theme-base();
+}

package/scss/loader/_index.scss

@@ -20,3 +20,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-loader--styles() {
+    @include module-render( "loader" ) {
+        @include kendo-loader--layout();
+        @include kendo-loader--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-loader--styles();
+}

package/scss/loader/_layout.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/loader/_layout.scss";
+
+
+@mixin kendo-loader--layout() {
+    @include kendo-loader--layout-base();
+}

package/scss/loader/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/loader/_theme.scss";
+
+
+@mixin kendo-loader--theme() {
+    @include kendo-loader--theme-base();
+}

package/scss/map/_index.scss

@@ -24,6 +24,23 @@ $_kendo-module-meta: (
 
 // Component
 @import "./_variables.scss";
-@import "./images/markers.scss";
 @import "./_layout.scss";
 @import "./_theme.scss";
+
+
+// Register
+@import "../core/module-system/index.import.scss";
+@include module-register( $_kendo-module-meta... );
+
+
+// Expose
+@mixin kendo-map--styles() {
+    @include module-render( "map" ) {
+        @include kendo-map--layout();
+        @include kendo-map--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-map--styles();
+}

package/scss/map/_layout.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/map/_layout.scss";
+
+
+@mixin kendo-map--layout() {
+    @include kendo-map--layout-base();
+}

package/scss/map/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/map/_theme.scss";
+
+
+@mixin kendo-map--theme() {
+    @include kendo-map--theme-base();
+}

package/scss/map/_variables.scss

@@ -1,3 +1,6 @@
+@import "./images/markers.scss";
+
+
 // Map
 $kendo-map-border-width: 0px !default;
 

package/scss/maskedtextbox/_index.scss

@@ -23,3 +23,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-masked-textbox--styles() {
+    @include module-render( "masked-textbox" ) {
+        @include kendo-masked-textbox--layout();
+        @include kendo-masked-textbox--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-masked-textbox--styles();
+}

package/scss/maskedtextbox/_layout.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/maskedtextbox/_layout.scss";
+
+
+@mixin kendo-masked-textbox--layout() {
+    @include kendo-masked-textbox--layout-base();
+}