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

package/scss/spreadsheet/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("spreadsheet/layout") {
+@mixin kendo-spreadsheet--layout-base() {
 
     // Spreadsheet
     .k-spreadsheet {
@@ -454,14 +454,11 @@
         box-sizing: border-box;
         position: absolute;
     }
-    .k-spreadsheet .k-selection-wrapper .k-spreadsheet-editor-button {
+    .k-spreadsheet .k-spreadsheet-editor-button {
         position: absolute;
         padding: 0;
         z-index: 60;
     }
-    .k-spreadsheet .k-selection-wrapper .k-spreadsheet-editor-button.k-spreadsheet-last-column {
-        transform: translateX(-100%);
-    }
 
     .k-spreadsheet-active-cell {
         // sass-lint:disable-block no-important
@@ -549,12 +546,9 @@
         left: 0;
         right: auto;
     }
-}
-
-
 
-@include exports( "spreadsheet/filter/layout" ) {
 
+    // Spreadsheet filter
     $kendo-filter-menu-padding-left: calc( #{$kendo-icon-size} + #{2 * $kendo-padding-md-y} );
 
     // Filter button
@@ -661,13 +655,9 @@
         }
     }
 
-}
-
-
 
 
-@include exports( "spreadsheet/tools/layout" ) {
-
+    // Spreadsheet toolbar
     .k-spreadsheet-popup {
         padding: 0;
 
@@ -703,13 +693,8 @@
     .k-spreadsheet-sample {
         opacity: .7;
     }
-}
-
 
 
-
-@include exports( "spreadsheet/clipboard/layout" ) {
-
     .k-spreadsheet-clipboard,
     .k-spreadsheet-clipboard-paste {
         margin: 0;
@@ -724,13 +709,9 @@
         overflow: hidden;
     }
 
-}
-
-
 
 
-@include exports( "spreadsheet/window/layout" ) {
-
+    // Spreadsheet window
     .k-spreadsheet-window {}
     .k-spreadsheet-window .k-edit-form-container {
         width: auto;
@@ -842,13 +823,9 @@
         }
     }
 
-}
-
-
-
 
-@include exports("spreadsheet/layout/images") {
 
+    // Spreadsheet drawing
     .k-spreadsheet-drawing {
         position: absolute;
         box-sizing: border-box;
@@ -902,12 +879,9 @@
         }
     }
 
-}
-
-
 
 
-@include exports("spreadsheet/layout/rtl") {
+    // RTL
     .k-rtl .k-spreadsheet,
     .k-spreadsheet[dir="rtl"] {
 
@@ -924,3 +898,8 @@
     }
 
 }
+
+
+@mixin kendo-spreadsheet--layout() {
+    @include kendo-spreadsheet--layout-base();
+}

package/scss/spreadsheet/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("sreadsheet/theme") {
+@mixin kendo-spreadsheet--theme-base() {
 
     // Spreadsheet
     .k-spreadsheet {
@@ -115,13 +115,8 @@
         border-color: $kendo-color-error transparent transparent $kendo-color-error;
     }
 
-}
-
-
 
 
-@include exports( "spreadsheet/filter/theme" ) {
-
     // Filter button
     .k-spreadsheet .k-filter-range {
         border-color: $kendo-color-primary;
@@ -179,12 +174,7 @@
         }
     }
 
-}
-
-
-
 
-@include exports( "spreadsheet/tools/theme" ) {
 
     .k-spreadsheet-popup {
 
@@ -209,13 +199,8 @@
 
     }
 
-}
-
 
 
-
-@include exports( "spreadsheet/drawing/theme" ) {
-
     .k-spreadsheet-insert-image-dialog {
         border-color: $kendo-spreadsheet-insert-image-dialog-preview-border;
 
@@ -247,13 +232,8 @@
         background: $kendo-spreadsheet-drawing-anchor-bg;
     }
 
-}
-
-
 
 
-@include exports("spreadsheet/rtl/theme") {
-
     .k-rtl .k-spreadsheet,
     .k-spreadsheet[dir="rtl"],
     [dir="rtl"] .k-spreadsheet {
@@ -269,3 +249,9 @@
     }
 
 }
+
+
+
+@mixin kendo-spreadsheet--theme() {
+    @include kendo-spreadsheet--theme-base();
+}

package/scss/spreadsheet/_variables.scss

@@ -1,3 +1,6 @@
+@import "./images/image-default.scss";
+
+
 // Spreadsheet
 $kendo-spreadsheet-border-width: 1px !default;
 $kendo-spreadsheet-font-family: $kendo-font-family !default;

package/scss/stepper/_index.scss

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

package/scss/stepper/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("stepper/layout") {
+@mixin kendo-stepper--layout-base() {
 
     // Base
     .k-stepper {
@@ -244,11 +244,9 @@
             padding-inline: $kendo-stepper-inline-content-padding-y;
         }
     }
-}
-
 
-@include exports("stepper/layout/rtl") {
 
+    // Stepper rtl
     .k-rtl .k-stepper,
     .k-stepper[dir="rtl"] {
         direction: rtl;
@@ -276,4 +274,10 @@
             }
         }
     }
+
+}
+
+
+@mixin kendo-stepper--layout() {
+    @include kendo-stepper--layout-base();
 }

package/scss/stepper/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("stepper/theme") {
+@mixin kendo-stepper--theme-base() {
 
     // Base
     .k-stepper {
@@ -201,3 +201,8 @@
     }
 
 }
+
+
+@mixin kendo-stepper--theme() {
+    @include kendo-stepper--theme-base();
+}

package/scss/switch/_index.scss

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

package/scss/switch/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("switch/layout") {
+@mixin kendo-switch--layout-base() {
 
     .k-switch {
         box-sizing: border-box;
@@ -152,3 +152,8 @@
     }
 
 }
+
+
+@mixin kendo-switch--layout() {
+    @include kendo-switch--layout-base();
+}

package/scss/switch/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("switch/theme") {
+@mixin kendo-switch--theme-base() {
 
     // Switch
     .k-switch {}
@@ -164,3 +164,8 @@
     }
 
 }
+
+
+@mixin kendo-switch--theme() {
+    @include kendo-switch--theme-base();
+}

package/scss/table/_index.scss

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

package/scss/table/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "table/layout" ) {
+@mixin kendo-table--layout-base() {
 
     // Table
     .k-table {
@@ -277,3 +277,8 @@
     }
 
 }
+
+
+@mixin kendo-table--layout() {
+    @include kendo-table--layout-base();
+}

package/scss/table/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "table/theme" ) {
+@mixin kendo-table--theme-base() {
 
     // Table
     .k-table,
@@ -83,3 +83,8 @@
     }
 
 }
+
+
+@mixin kendo-table--theme() {
+    @include kendo-table--theme-base();
+}

package/scss/tabstrip/_index.scss

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

package/scss/tabstrip/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("tabstrip/layout") {
+@mixin kendo-tabstrip--layout-base() {
 
     // Tabstrip wrapper
     .k-tabstrip-wrapper {
@@ -380,3 +380,8 @@
     }
 
 }
+
+
+@mixin kendo-tabstrip--layout() {
+    @include kendo-tabstrip--layout-base();
+}

package/scss/tabstrip/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("tabstrip/theme") {
+@mixin kendo-tabstrip--theme-base() {
 
     // Wrapper
     .k-tabstrip-wrapper {
@@ -99,3 +99,8 @@
     }
 
 }
+
+
+@mixin kendo-tabstrip--theme() {
+    @include kendo-tabstrip--theme-base();
+}

package/scss/taskboard/_index.scss

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

package/scss/taskboard/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("taskboard/layout") {
+@mixin kendo-task-board--layout-base() {
 
     // TaskBoard
     .k-taskboard {
@@ -211,10 +211,10 @@
         position: relative;
     }
 
-}
 
-@include exports( "taskboard/layout/rtl" ) {
 
+
+    // RTL
     .k-taskboard-card.k-taskboard-card-category {
         .k-rtl &,
         &.k-rtl,
@@ -226,3 +226,8 @@
     }
 
 }
+
+
+@mixin kendo-task-board--layout() {
+    @include kendo-task-board--layout-base();
+}

package/scss/taskboard/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("taskboard/theme") {
+@mixin kendo-task-board--theme-base() {
 
     // TaskBoard
     .k-taskboard {
@@ -106,3 +106,8 @@
     }
 
 }
+
+
+@mixin kendo-task-board--theme() {
+    @include kendo-task-board--theme-base();
+}

package/scss/textarea/_index.scss

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

package/scss/textarea/_layout.scss

@@ -1,6 +1,11 @@
-@include exports( "textarea/layout" ) {
+@mixin kendo-textarea--layout-base() {
 
     // Textarea
     .k-textarea {}
 
 }
+
+
+@mixin kendo-textarea--layout() {
+    @include kendo-textarea--layout-base();
+}

package/scss/textarea/_theme.scss

@@ -1,6 +1,11 @@
-@include exports("textarea/theme") {
+@mixin kendo-textarea--theme-base() {
 
     // Textarea
     .k-textarea {}
 
 }
+
+
+@mixin kendo-textarea--theme() {
+    @include kendo-textarea--theme-base();
+}

package/scss/textbox/_index.scss

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

package/scss/textbox/_layout.scss

@@ -1,6 +1,11 @@
-@include exports( "textbox/layout" ) {
+@mixin kendo-textbox--layout-base() {
 
     // Textbox
     .k-textbox {}
 
 }
+
+
+@mixin kendo-textbox--layout() {
+    @include kendo-textbox--layout-base();
+}

package/scss/textbox/_theme.scss

@@ -1,5 +1,11 @@
-@include exports("textbox/theme") {
+@mixin kendo-textbox--theme-base() {
 
     // Textbox
     .k-textbox {}
+
+}
+
+
+@mixin kendo-textbox--theme() {
+    @include kendo-textbox--theme-base();
 }

package/scss/tilelayout/_index.scss

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

package/scss/tilelayout/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("tilelayout/layout") {
+@mixin kendo-tile-layout--layout-base() {
 
     .k-tilelayout {
         border-width: $kendo-tile-layout-border-width;
@@ -40,3 +40,8 @@
     }
 
 }
+
+
+@mixin kendo-tile-layout--layout() {
+    @include kendo-tile-layout--layout-base();
+}

package/scss/tilelayout/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("tilelayout/theme") {
+@mixin kendo-tile-layout--theme-base() {
 
     .k-tilelayout {
         @include fill(
@@ -19,3 +19,8 @@
     }
 
 }
+
+
+@mixin kendo-tile-layout--theme() {
+    @include kendo-tile-layout--theme-base();
+}

package/scss/timedurationpicker/_index.scss

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

package/scss/timedurationpicker/_layout.scss

@@ -1 +1,17 @@
-@include exports("timedurationpicker/layout") {}
+@mixin kendo-time-duration-picker--layout-base() {
+
+    // Time duration picker
+    .k-time-duration-picker {}
+
+
+    // Legacy aliases
+    .k-timedurationpicker {
+        @extend .k-time-duration-picker;
+    }
+
+}
+
+
+@mixin kendo-time-duration-picker--layout() {
+    @include kendo-time-duration-picker--layout-base();
+}