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

package/scss/slider/_layout.scss

@@ -1,6 +1,10 @@
 @import "@progress/kendo-theme-default/scss/slider/_layout.scss";
 
-@include exports("slider/layout/material") {
+
+@mixin kendo-slider--layout() {
+
+    @include kendo-slider--layout-base();
+
     .k-slider {
         .k-tick {
             margin: 0;
@@ -47,4 +51,5 @@
             }
         }
     }
+
 }

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/split-button/_variables.scss

@@ -1,19 +1,31 @@
 // Split-button
 
-/// Focus shadow of the split button.
+/// The focus shadow of the SplitButton.
 /// @group split-button
 $kendo-split-button-focus-shadow: $kendo-button-focus-shadow !default;
 
-/// Horizontal padding of the arrow button.
+/// The horizontal padding of the arrow Button.
 /// @group split-button
 $kendo-split-button-arrow-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+/// The horizontal padding of the small arrow Button.
+/// @group split-button
 $kendo-split-button-sm-arrow-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+/// The horizontal padding of the medium arrow Button.
+/// @group split-button
 $kendo-split-button-md-arrow-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+/// The horizontal padding of the large arrow Button.
+/// @group split-button
 $kendo-split-button-lg-arrow-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
 
-/// Vertical padding of the arrow button.
+/// The vertical padding of the arrow Button.
 /// @group split-button
 $kendo-split-button-arrow-padding-y: $kendo-button-padding-y !default;
+/// The vertical padding of the small arrow Button.
+/// @group split-button
 $kendo-split-button-sm-arrow-padding-y: $kendo-button-sm-padding-y !default;
+/// The vertical padding of the medium arrow Button.
+/// @group split-button
 $kendo-split-button-md-arrow-padding-y: $kendo-button-md-padding-y !default;
+/// The vertical padding of the large arrow Button.
+/// @group split-button
 $kendo-split-button-lg-arrow-padding-y: $kendo-button-lg-padding-y !default;

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/switch/_variables.scss

@@ -1,26 +1,26 @@
 // Switch
 
-/// Font family of the switch.
+/// The font family of the Switch.
 /// @group switch
 $kendo-switch-font-family: null !default;
 
-/// Border width of the switch track.
+/// The border width of the Switch track.
 /// @group switch
 $kendo-switch-track-border-width: null !default;
 
-/// Border width of the switch thumb.
+/// The border width of the Switch thumb.
 /// @group switch
 $kendo-switch-thumb-border-width: null !default;
 
-/// Text transform of the switch label.
+/// The text transform of the Switch label.
 /// @group switch
 $kendo-switch-label-text-transform: null !default;
 
-/// Display of the switch label.
+/// The display of the Switch label.
 /// @group switch
 $kendo-switch-label-display: none !default;
 
-/// Map with the different switch sizes.
+/// The map with the different Switch sizes.
 /// @group switch
 $kendo-switch-sizes: (
     sm: ( font-size: null, track-width: 26px, track-height:  12px, thumb-width: 16px, thumb-height: 16px, thumb-offset: -2px, label-offset: 0px ),
@@ -28,165 +28,165 @@ $kendo-switch-sizes: (
     lg: ( font-size: null, track-width: 38px, track-height:  16px, thumb-width: 24px, thumb-height: 24px, thumb-offset: -4px, label-offset: 0px )
 ) !default;
 
-/// The background of the track when the switch is not checked.
+/// The background of the track when the Switch is not checked.
 /// @group switch
 $kendo-switch-off-track-bg: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .38 ) !default;
-/// The text color of the track when the switch is not checked.
+/// The text color of the track when the Switch is not checked.
 /// @group switch
 $kendo-switch-off-track-text: null !default;
-/// The border color of the track when the switch is not checked.
+/// The border color of the track when the Switch is not checked
 /// @group switch
 $kendo-switch-off-track-border: null !default;
-/// The background gradient of the track when the switch is not checked.
+/// The background gradient of the track when the Switch is not checked.
 /// @group switch
 $kendo-switch-off-track-gradient: null !default;
 
-/// The background of the track when hovered switch is not checked.
+/// The background of the track when the hovered Switch is not checked.
 /// @group switch
 $kendo-switch-off-track-hover-bg: null !default;
-/// The text color of the track when hovered switch is not checked.
+/// The text color of the track when the hovered Switch is not checked.
 /// @group switch
 $kendo-switch-off-track-hover-text: null !default;
-/// The border color of the track when hovered switch is not checked.
+/// The border color of the track when the hovered Switch is not checked.
 /// @group switch
 $kendo-switch-off-track-hover-border: null !default;
-/// The background gradient of the track when hovered switch is not checked.
+/// The background gradient of the track when the hovered Switch is not checked.
 /// @group switch
 $kendo-switch-off-track-hover-gradient: null !default;
 
-/// The background of the track when focused switch is not checked.
+/// The background of the track when the focused Switch is not checked.
 /// @group switch
 $kendo-switch-off-track-focus-bg: null !default;
-/// The text color of the track when focused switch is not checked.
+/// The text color of the track when the focused Switch is not checked.
 /// @group switch
 $kendo-switch-off-track-focus-text: null !default;
-/// The border color of the track when focused switch is not checked.
+/// The border color of the track when the focused Switch is not checked.
 /// @group switch
 $kendo-switch-off-track-focus-border: null !default;
-/// The background gradient of the track when focused switch is not checked.
+/// The background gradient of the track when the focused Switch is not checked.
 /// @group switch
 $kendo-switch-off-track-focus-gradient: null !default;
-/// The ring around the track when focused switch is not checked.
+/// The ring around the track when the focused Switch is not checked.
 /// @group switch
 $kendo-switch-off-track-focus-ring: null !default;
 
-/// The background of the track when disabled switch is not checked.
+/// The background of the track when the disabled Switch is not checked.
 /// @group switch
 $kendo-switch-off-track-disabled-bg: null !default;
-/// The text color of the track when disabled switch is not checked.
+/// The text color of the track when the disabled Switch is not checked.
 /// @group switch
 $kendo-switch-off-track-disabled-text: null !default;
-/// The border color of the track when disabled switch is not checked.
+/// The border color of the track when the disabled Switch is not checked.
 /// @group switch
 $kendo-switch-off-track-disabled-border: null !default;
-/// The background gradient of the track when disabled switch is not checked.
+/// The background gradient of the track when the disabled Switch is not checked.
 /// @group switch
 $kendo-switch-off-track-disabled-gradient: null !default;
 
-/// The background of the thumb when the switch is not checked.
+/// The background of the thumb when the Switch is not checked.
 /// @group switch
 $kendo-switch-off-thumb-bg: if( $kendo-is-dark-theme, $kendo-color-black, $kendo-color-white ) !default;
-/// The text color of the thumb when the switch is not checked.
+/// The text color of the thumb when the Switch is not checked.
 /// @group switch
 $kendo-switch-off-thumb-text: null !default;
-/// The border color of the thumb when the switch is not checked.
+/// The border color of the thumb when the Switch is not checked.
 /// @group switch
 $kendo-switch-off-thumb-border: null !default;
-/// The background gradient of the thumb when the switch is not checked.
+/// The background gradient of the thumb when the Switch is not checked.
 /// @group switch
 $kendo-switch-off-thumb-gradient: null !default;
 
-/// The background of the thumb when the hovered switch is not checked.
+/// The background of the thumb when the hovered Switch is not checked.
 /// @group switch
 $kendo-switch-off-thumb-hover-bg: null !default;
-/// The text color of the thumb when the hovered switch is not checked.
+/// The text color of the thumb when the hovered Switch is not checked.
 /// @group switch
 $kendo-switch-off-thumb-hover-text: null !default;
-/// The border color of the thumb when the hovered switch is not checked.
+/// The border color of the thumb when the hovered Switch is not checked.
 /// @group switch
 $kendo-switch-off-thumb-hover-border: null !default;
-/// The background gradient of the thumb when the hovered switch is not checked.
+/// The background gradient of the thumb when the hovered Switch is not checked.
 /// @group switch
 $kendo-switch-off-thumb-hover-gradient: null !default;
 
 
-/// The background of the track when the switch is checked.
+/// The background of the track when the Switch is checked.
 /// @group switch
 $kendo-switch-on-track-bg: rgba( $kendo-color-primary, .54 ) !default;
-/// The text color of the track when the switch is checked.
+/// The text color of the track when the Switch is checked.
 /// @group switch
 $kendo-switch-on-track-text: null !default;
-/// The border color of the track when the switch is checked.
+/// The border color of the track when the Switch is checked.
 /// @group switch
 $kendo-switch-on-track-border: null !default;
-/// The background gradient of the track when the switch is checked.
+/// The background gradient of the track when the Switch is checked.
 /// @group switch
 $kendo-switch-on-track-gradient: null !default;
 
-/// The background of the track when the hovered switch is checked.
+/// The background of the track when the hovered Switch is checked.
 /// @group switch
 $kendo-switch-on-track-hover-bg: null !default;
-/// The text color of the track when the hovered switch is checked.
+/// The text color of the track when the hovered Switch is checked.
 /// @group switch
 $kendo-switch-on-track-hover-text: null !default;
-/// The border color of the track when the hovered switch is checked.
+/// The border color of the track when the hovered Switch is checked.
 /// @group switch
 $kendo-switch-on-track-hover-border: null !default;
-/// The background gradient of the track when the hovered switch is checked.
+/// The background gradient of the track when the hovered Switch is checked.
 /// @group switch
 $kendo-switch-on-track-hover-gradient: null !default;
 
-/// The background of the track when the focused switch is checked.
+/// The background of the track when the focused Switch is checked.
 /// @group switch
 $kendo-switch-on-track-focus-bg: null !default;
-/// The text color of the track when the focused switch is checked.
+/// The text color of the track when the focused Switch is checked.
 /// @group switch
 $kendo-switch-on-track-focus-text: null !default;
-/// The border color of the track when the focused switch is checked.
+/// The border color of the track when the focused Switch is checked.
 /// @group switch
 $kendo-switch-on-track-focus-border: null !default;
-/// The background gradient of the track when the focused switch is checked.
+/// The background gradient of the track when the focused Switch is checked.
 /// @group switch
 $kendo-switch-on-track-focus-gradient: null !default;
-/// The ring around the track when the focused switch is checked.
+/// The ring around the track when the focused Switch is checked.
 /// @group switch
 $kendo-switch-on-track-focus-ring: null !default;
 
-/// The background of the track when the disabled switch is checked.
+/// The background of the track when the disabled Switch is checked.
 /// @group switch
 $kendo-switch-on-track-disabled-bg: null !default;
-/// The text color of the track when the disabled switch is checked.
+/// The text color of the track when the disabled Switch is checked.
 /// @group switch
 $kendo-switch-on-track-disabled-text: null !default;
-/// The border color of the track when the disabled switch is checked.
+/// The border color of the track when the disabled Switch is checked.
 /// @group switch
 $kendo-switch-on-track-disabled-border: null !default;
-/// The background gradient of the track when the disabled switch is checked.
+/// The background gradient of the track when the disabled Switch is checked.
 /// @group switch
 $kendo-switch-on-track-disabled-gradient: null !default;
 
-/// The background of the thumb when the switch is checked.
+/// The background of the thumb when the Switch is checked.
 /// @group switch
 $kendo-switch-on-thumb-bg: $kendo-color-primary !default;
-/// The text color of the thumb when the switch is checked.
+/// The text color of the thumb when the Switch is checked.
 /// @group switch
 $kendo-switch-on-thumb-text: null !default;
-/// The border color of the thumb when the switch is checked.
+/// The border color of the thumb when the Switch is checked.
 /// @group switch
 $kendo-switch-on-thumb-border: null !default;
-/// The background gradient of the thumb when the switch is checked.
+/// The background gradient of the thumb when the Switch is checked.
 /// @group switch
 $kendo-switch-on-thumb-gradient: null !default;
 
-/// The background of the thumb when the hovered switch is checked.
+/// The background of the thumb when the hovered Switch is checked.
 /// @group switch
 $kendo-switch-on-thumb-hover-bg: null !default;
-/// The text color of the thumb when the hovered switch is checked.
+/// The text color of the thumb when the hovered Switch is checked.
 /// @group switch
 $kendo-switch-on-thumb-hover-text: null !default;
-/// The border color of the thumb when the hovered switch is checked.
+/// The border color of the thumb when the hovered Switch is checked.
 /// @group switch
 $kendo-switch-on-thumb-hover-border: null !default;
-/// The background gradient of the thumb when the hovered switch is checked.
+/// The background gradient of the thumb when the hovered Switch is checked.
 /// @group switch
 $kendo-switch-on-thumb-hover-gradient: null !default;

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,