@progress/kendo-theme-default 6.2.1-dev.1 → 6.2.1-dev.151

package/scss/forms/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("forms/layout") {
+@mixin kendo-form--layout-base() {
 
     // Common
     .k-form,
@@ -320,9 +320,8 @@
         }
     }
 
-}
 
-@include exports("edit-form/layout") {
+
 
     // Edit form
     .k-edit-form-container {
@@ -391,3 +390,8 @@
     }
 
 }
+
+
+@mixin kendo-form--layout() {
+    @include kendo-form--layout-base();
+}

package/scss/forms/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "forms/theme" ) {
+@mixin kendo-form--theme-base() {
 
     .k-form,
     .k-form-inline {
@@ -34,3 +34,8 @@
     }
 
 }
+
+
+@mixin kendo-form--theme() {
+    @include kendo-form--theme-base();
+}

package/scss/gantt/_index.scss

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

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

@@ -64,3 +64,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-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,15 @@
         cursor: col-resize;
     }
 
+    .k-row-resizer {
+        width: 100%;
+        height: 2px;
+        display: block;
+        position: absolute;
+        bottom: 0;
+        cursor: row-resize;
+    }
+
     .k-grid-footer {
         border-top-width: 1px;
 
@@ -1008,9 +1018,8 @@
         }
 
     }
-}
 
-@include exports( "grid/pdf-export" ) {
+
     // PDF export
     .k-loading-pdf-mask {
         position: absolute;
@@ -1081,9 +1090,7 @@
             padding: 0 !important; // sass-lint:disable-line no-important
         }
     }
-}
 
-@include exports( "filtermenu/layout" ) {
 
     // Filter menu
     .k-filter-menu-popup {
@@ -1178,9 +1185,7 @@
         }
     }
 
-}
 
-@include exports("columnmenu/layout") {
 
     // Column menu
     .k-column-menu-popup,
@@ -1292,3 +1297,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,
@@ -476,4 +476,18 @@
         border-color: $kendo-grid-border;
     }
 
+    // Row resizing
+    .k-row-resizer {
+        @include fill( $bg: $kendo-grid-row-resizer-bg );
+
+        &.k-active {
+            @include fill( $bg: $kendo-grid-row-resizer-active-bg );
+        }
+    }
+
+}
+
+
+@mixin kendo-grid--theme() {
+    @include kendo-grid--theme-base();
 }

package/scss/grid/_variables.scss

@@ -268,3 +268,10 @@ $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-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;

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();
+}

package/scss/index.scss

@@ -158,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,4 +1,4 @@
-@include exports( "input/layout" ) {
+@mixin kendo-input--layout-base() {
 
     // Generic input
     .k-input,
@@ -466,12 +466,7 @@
     }
 
 
-}
-
-
-
 
-@include exports("input/layout/autofill-fix") {
 
     // This is needed for the textbox container to capture browser autofill
     @keyframes autoFillStart {
@@ -500,3 +495,8 @@
     }
 
 }
+
+
+@mixin kendo-input--layout() {
+    @include kendo-input--layout-base();
+}

package/scss/input/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "input/theme" ) {
+@mixin kendo-input--theme-base() {
 
     // Solid input
     .k-input-solid {
@@ -469,3 +469,8 @@
     }
 
 }
+
+
+@mixin kendo-input--theme() {
+    @include kendo-input--theme-base();
+}