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

package/scss/scheduler/_layout.scss

@@ -1,5 +1,4 @@
-// TODO: modal variables
-@include exports("scheduler/layout") {
+@mixin kendo-scheduler--layout-base() {
 
     // Layout
     .k-scheduler {
@@ -36,7 +35,7 @@
         }
     }
 
-    // Commmon
+    // Common
     .k-scheduler-table {
         width: 100%;
         max-width: none;
@@ -668,13 +667,8 @@
     kendo-scheduler .k-recurrence-editor {
         display: block;
     }
-}
-
-
 
 
-@include exports("scheduler-views/layout") {
-
     // Day view
     .k-scheduler-dayview {}
 
@@ -850,11 +844,9 @@
         }
     }
 
-}
-
 
-@include exports("scheduler-tooltip/layout") {
 
+    // Scheduler tooltip
     .k-scheduler-tooltip {
         padding-block: $kendo-scheduler-tooltip-padding-y;
         padding-inline: $kendo-scheduler-tooltip-padding-x;
@@ -910,11 +902,9 @@
         }
     }
 
-}
-
 
-@include exports("scheduler-edit-form/layout") {
 
+    // Scheduler edit dialog
     .k-scheduler-edit-dialog {
         .k-dialog {
             max-height: 100vh;
@@ -959,13 +949,9 @@
 
     }
 
-}
-
 
 
-
-@include exports("scheduler/rtl") {
-
+    // Scheduler rtl
     .k-rtl {
         .k-scheduler-header th,
         .k-scheduler-table td {
@@ -1076,12 +1062,6 @@
             }
         }
     }
-}
-
-
-
-
-@include exports("scheduler/layout/compatibility") {
 
     .k-safari {
         .k-scheduler-tooltip .k-tooltip-event:not(:last-child) {
@@ -1095,3 +1075,8 @@
     }
 
 }
+
+
+@mixin kendo-scheduler--layout() {
+    @include kendo-scheduler--layout-base();
+}

package/scss/scheduler/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("scheduler/theme") {
+@mixin kendo-scheduler--theme-base() {
 
     // Appearance
     .k-scheduler {
@@ -152,12 +152,7 @@
         }
     }
 
-}
-
-
-
 
-@include exports("scheduler-views/theme") {
 
     // Day view
     .k-scheduler-dayview {}
@@ -231,13 +226,9 @@
         }
     }
 
-}
-
-
 
 
-@include exports("scheduler-tooltip/theme") {
-
+    // Scheduler tooltip
     .k-tooltip.k-scheduler-tooltip {
         @include fill(
             $kendo-scheduler-tooltip-text,
@@ -251,13 +242,13 @@
         }
     }
 
-}
-
-
 
+    // Scheduler edit form
+    .k-scheduler-edit-form {}
 
-@include exports("scheduler-edit-form/theme") {
+}
 
-    .k-scheduler-edit-form {}
 
+@mixin kendo-scheduler--theme() {
+    @include kendo-scheduler--theme-base();
 }

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

package/scss/scroller/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("scroller/layout") {
+@mixin kendo-scroller--layout-base() {
 
     // Layout
     .km-scrollview,
@@ -80,3 +80,8 @@
     }
 
 }
+
+
+@mixin kendo-scroller--layout() {
+    @include kendo-scroller--layout-base();
+}

package/scss/scroller/_theme.scss

@@ -1,7 +1,12 @@
-@include exports("scroller/theme") {
+@mixin kendo-scroller--theme-base() {
 
     .km-touch-scrollbar {
         background-color: #333333;
     }
 
 }
+
+
+@mixin kendo-scroller--theme() {
+    @include kendo-scroller--theme-base();
+}

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

package/scss/scrollview/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("scrollview/layout") {
+@mixin kendo-scrollview--layout-base() {
 
     kendo-scrollview.k-scrollview-wrap,
     kendo-scrollview.k-scrollview,
@@ -205,3 +205,8 @@
     }
 
 }
+
+
+@mixin kendo-scrollview--layout() {
+    @include kendo-scrollview--layout-base();
+}

package/scss/scrollview/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("scrollview/theme") {
+@mixin kendo-scrollview--theme-base() {
 
     kendo-scrollview.k-scrollview-wrap,
     kendo-scrollview.k-scrollview,
@@ -93,3 +93,8 @@
     }
 
 }
+
+
+@mixin kendo-scrollview--theme() {
+    @include kendo-scrollview--theme-base();
+}

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

package/scss/searchbox/_layout.scss

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

package/scss/searchbox/_theme.scss

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

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

package/scss/signature/_layout.scss

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

package/scss/signature/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("signature/theme") {
+@mixin kendo-signature--theme-base() {
 
     // Solid signature
     .k-signature {
@@ -8,5 +8,9 @@
         }
     }
 
+}
+
 
+@mixin kendo-signature--theme() {
+    @include kendo-signature--theme-base();
 }

package/scss/skeleton/_index.scss

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

package/scss/skeleton/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("skeleton/layout") {
+@mixin kendo-skeleton--layout-base() {
 
     .k-skeleton {
         display: block;
@@ -28,11 +28,8 @@
         @extend .k-skeleton-text !optional;
     }
 
-}
-
-
-@include exports("skeleton/layout/wave") {
 
+    // Skeleton wave
     @keyframes k-skeleton-wave {
         0% {
             transform: translateX(-100%);
@@ -65,11 +62,9 @@
         }
 
     }
-}
-
 
-@include exports("skeleton/layout/pulse") {
 
+    // Skeleton pulse
     @keyframes k-skeleton-pulse {
         0% {
             opacity: 1;
@@ -90,4 +85,10 @@
         }
 
     }
+
+}
+
+
+@mixin kendo-skeleton--layout() {
+    @include kendo-skeleton--layout-base();
 }

package/scss/skeleton/_theme.scss

@@ -1,14 +1,11 @@
-@include exports("skeleton/theme") {
+@mixin kendo-skeleton--theme-base() {
 
     .k-skeleton {
         @include fill( $bg: $kendo-skeleton-item-bg );
     }
 
-}
-
-
-@include exports("skeleton/theme/wave") {
 
+    // Skeleton wave
     .k-skeleton-wave {
 
         .k-skeleton::after,
@@ -22,4 +19,10 @@
         }
 
     }
+
+}
+
+
+@mixin kendo-skeleton--theme() {
+    @include kendo-skeleton--theme-base();
 }

package/scss/slider/_index.scss

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

package/scss/slider/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("slider/layout") {
+@mixin kendo-slider--layout-base() {
 
     // Slider
     .k-slider {
@@ -447,3 +447,8 @@
     }
 
 }
+
+
+@mixin kendo-slider--layout() {
+    @include kendo-slider--layout-base();
+}

package/scss/slider/_theme.scss

@@ -1,8 +1,13 @@
-@include exports("slider/theme") {
+@mixin kendo-slider--theme-base() {
+
+    // TODO: move to variables
     $kendo-slider-tick-horizontal-image: k-map-get($_kendo-data-uris, "slider-h.gif") !default;
     $kendo-slider-tick-vertical-image: k-map-get($_kendo-data-uris, "slider-v.gif") !default;
 
+
+    // Slider
     .k-slider {
+        // TODO: extract variables
         color: $kendo-component-text;
 
         .k-slider-track,
@@ -70,4 +75,10 @@
     .k-slider-vertical .k-tick {
         @include background-image( $kendo-slider-tick-vertical-image );
     }
+
+}
+
+
+@mixin kendo-slider--theme() {
+    @include kendo-slider--theme-base();
 }

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: null !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,5 +1,7 @@
-@include exports("split-button/layout") {
+@mixin kendo-split-button--layout-base() {
 
+    // Split button
+    .k-split-button {}
 
     // Split button arrow
     .k-split-button .k-split-button-arrow {
@@ -29,5 +31,9 @@
         }
     }
 
+}
+
 
+@mixin kendo-split-button--layout() {
+    @include kendo-split-button--layout-base();
 }

package/scss/split-button/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("split-button/theme") {
+@mixin kendo-split-button--theme-base() {
 
     // Split button
     .k-split-button:focus,
@@ -7,3 +7,8 @@
     }
 
 }
+
+
+@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,4 +1,4 @@
-@include exports("splitter/layout") {
+@mixin kendo-splitter--layout-base() {
 
     // Base
     .k-splitter {
@@ -198,4 +198,10 @@
             flex-direction: column;
         }
     }
+
+}
+
+
+@mixin kendo-splitter--layout() {
+    @include kendo-splitter--layout-base();
 }

package/scss/splitter/_theme.scss

@@ -1,5 +1,6 @@
-@include exports("splitter/theme") {
+@mixin kendo-splitter--theme-base() {
 
+    // Splitter
     .k-splitter {
         @include fill(
             $kendo-splitter-text,
@@ -32,3 +33,8 @@
     }
 
 }
+
+
+@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();
+}