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

package/scss/slider/_theme.scss

@@ -1,6 +1,9 @@
 @import "@progress/kendo-theme-default/scss/slider/_theme.scss";
 
-@include exports("slider/theme/material") {
+
+@mixin kendo-slider--theme() {
+
+    @include kendo-slider--theme-base();
 
     .k-slider {
         cursor: pointer;
@@ -36,4 +39,5 @@
             }
         }
     }
+
 }

package/scss/slider/_variables.scss

@@ -1,3 +1,7 @@
+@import "./images/slider-h.scss";
+@import "./images/slider-v.scss";
+
+
 // Slider
 $kendo-slider-size: 200px !default;
 $kendo-slider-tick-size: 2px !default;

package/scss/split-button/_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-split-button--styles() {
+    @include module-render( "split-button" ) {
+        @include kendo-split-button--layout();
+        @include kendo-split-button--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-split-button--styles();
+}

package/scss/split-button/_layout.scss

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

package/scss/split-button/_theme.scss

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

package/scss/splitter/_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-splitter--styles() {
+    @include module-render( "splitter" ) {
+        @include kendo-splitter--layout();
+        @include kendo-splitter--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-splitter--styles();
+}

package/scss/splitter/_layout.scss

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

package/scss/splitter/_theme.scss

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

package/scss/spreadsheet/_index.scss

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

package/scss/spreadsheet/_layout.scss

@@ -1,7 +1,9 @@
 @import "@progress/kendo-theme-default/scss/spreadsheet/_layout.scss";
 
-@include exports( "spreadsheet/layout/material" ) {
 
+@mixin kendo-spreadsheet--layout() {
+
+    @include kendo-spreadsheet--layout-base();
 
     // Quick access toolbar
     .k-spreadsheet-quick-access-toolbar {

package/scss/spreadsheet/_theme.scss

@@ -1,4 +1,7 @@
-@include exports("sreadsheet/theme/material") {
+@import "@progress/kendo-theme-default/scss/spreadsheet/_theme.scss";
+
+
+@mixin kendo-spreadsheet--theme() {
 
     // Spreadsheet
     .k-spreadsheet {
@@ -143,12 +146,6 @@
         border-color: $kendo-color-error transparent transparent $kendo-color-error;
     }
 
-}
-
-
-
-
-@include exports( "spreadsheet/filter/theme" ) {
 
     // Filter button
     .k-spreadsheet .k-filter-range {
@@ -196,12 +193,6 @@
         }
     }
 
-}
-
-
-
-
-@include exports( "spreadsheet/drawing/theme" ) {
 
     .k-spreadsheet-insert-image-dialog {
         border-color: $kendo-spreadsheet-insert-image-dialog-preview-border;
@@ -234,12 +225,6 @@
         background: $kendo-spreadsheet-drawing-anchor-bg;
     }
 
-}
-
-
-
-
-@include exports( "spreadsheet/tools/theme" ) {
 
     .k-spreadsheet-popup {
 
@@ -264,12 +249,6 @@
 
     }
 
-}
-
-
-
-
-@include exports("spreadsheet/rtl/theme") {
 
     .k-rtl .k-spreadsheet,
     .k-spreadsheet[dir="rtl"],

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,6 +1,9 @@
 @import "@progress/kendo-theme-default/scss/stepper/_layout.scss";
 
-@include exports("stepper/layout/material") {
+
+@mixin kendo-stepper--layout() {
+
+    @include kendo-stepper--layout-base();
 
     // Stepper
     .k-stepper {}

package/scss/stepper/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/stepper/_theme.scss";
+
+
+@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,6 +1,9 @@
 @import "@progress/kendo-theme-default/scss/switch/_layout.scss";
 
-@include exports( "switch/layout/material" ) {
+
+@mixin kendo-switch--layout() {
+
+    @include kendo-switch--layout-base();
 
     // Switch
     .k-switch {

package/scss/switch/_theme.scss

@@ -1,6 +1,9 @@
 @import "@progress/kendo-theme-default/scss/switch/_theme.scss";
 
-@include exports( "switch/theme/material" ) {
+
+@mixin kendo-switch--theme() {
+
+    @include kendo-switch--theme-base();
 
     // Switch
     .k-switch {

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

package/scss/table/_theme.scss

@@ -1,6 +1,9 @@
 @import "@progress/kendo-theme-default/scss/table/_theme.scss";
 
-@include exports( "table/theme/material" ) {
+
+@mixin kendo-table--theme() {
+
+    @include kendo-table--theme-base();
 
     // Selected state
     .k-table-tbody .k-table-row.k-selected,

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,6 +1,9 @@
 @import "@progress/kendo-theme-default/scss/tabstrip/_layout.scss";
 
-@include exports( "tabstrip/layout/material" ) {
+
+@mixin kendo-tabstrip--layout() {
+
+    @include kendo-tabstrip--layout-base();
 
     .k-tabstrip-items {
         text-transform: uppercase;

package/scss/tabstrip/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/tabstrip/_theme.scss";
+
+
+@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 +1,6 @@
 @import "@progress/kendo-theme-default/scss/taskboard/_layout.scss";
+
+
+@mixin kendo-task-board--layout() {
+    @include kendo-task-board--layout-base();
+}

package/scss/taskboard/_theme.scss

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

package/scss/textarea/_theme.scss

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

package/scss/textbox/_theme.scss

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

package/scss/tilelayout/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/tilelayout/_theme.scss";
+
+
+@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,6 @@
 @import "@progress/kendo-theme-default/scss/timedurationpicker/_layout.scss";
+
+
+@mixin kendo-time-duration-picker--layout() {
+    @include kendo-time-duration-picker--layout-base();
+}

package/scss/timedurationpicker/_theme.scss

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

package/scss/timeline/_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-timeline--styles() {
+    @include module-render( "timeline" ) {
+        @include kendo-timeline--layout();
+        @include kendo-timeline--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-timeline--styles();
+}

package/scss/timeline/_layout.scss

@@ -1,6 +1,10 @@
 @import "@progress/kendo-theme-default/scss/timeline/_layout.scss";
 
-@include exports( "timeline/layout/material" ) {
+
+@mixin kendo-timeline--layout() {
+
+    @include kendo-timeline--layout-base();
+
     .k-timeline-horizontal .k-timeline-card {
         padding: 0 5px 5px;
     }
@@ -17,4 +21,5 @@
     .k-timeline-track-item.k-focus .k-timeline-circle::before {
         opacity: $kendo-flat-button-focus-opacity;
     }
+
 }

package/scss/timeline/_theme.scss

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

package/scss/timepicker/_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-time-picker--styles() {
+    @include module-render( "time-picker" ) {
+        @include kendo-time-picker--layout();
+        @include kendo-time-picker--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-time-picker--styles();
+}

package/scss/timepicker/_layout.scss

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

package/scss/timepicker/_theme.scss

@@ -1 +1,5 @@
 @import "@progress/kendo-theme-default/scss/timepicker/_theme.scss";
+
+@mixin kendo-time-picker--theme() {
+    @include kendo-time-picker--theme-base();
+}