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

package/scss/pdf-viewer/_theme.scss

@@ -1,6 +1,6 @@
-@include exports("pdf-viewer/theme") {
-
+@mixin kendo-pdf-viewer--theme-base() {
 
+    // PDF Viewer
     .k-pdf-viewer {
         @include fill(
             $kendo-pdf-viewer-text,
@@ -71,3 +71,8 @@
     }
 
 }
+
+
+@mixin kendo-pdf-viewer--theme() {
+    @include kendo-pdf-viewer--theme-base();
+}

package/scss/pivotgrid/_index.scss

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

package/scss/pivotgrid/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("pivotgrid/layout") {
+@mixin kendo-pivotgrid--layout-base() {
 
     // Pivotgrid
     .k-pivotgrid {
@@ -161,13 +161,8 @@
         overflow: auto;
     }
 
-}
-
-
-
-@include exports("pivotgrid/layout/configurator") {
 
-    // Configurator
+    // Pivotgrid configurator
     .k-pivotgrid-configurator {
         display: flex;
     }
@@ -445,26 +440,9 @@
         }
     }
 
-}
-
-
 
-@include exports("pivotgrid/layout/rtl") {
-
-    .k-pivotgrid {
-        .k-rtl &,
-        &.k-rtl,
-        [dir="rtl"] &,
-        &[dir="rtl"] {
-
-        }
-    }
-
-}
-
-
-@include exports( "pivotgrid/layout/export" ) {
 
+    // Pivotgrid export
     .k-pdf-export-shadow {
 
         .k-pivotgrid {
@@ -481,11 +459,10 @@
         }
 
     }
-}
-
 
-@include exports("pivotgrid/layout/legacy") {
 
+    // Legacy pivotgrid
+    // TODO: remove
     .k-pivot {
         border-width: $kendo-pivotgrid-border-width;
         border-style: solid;
@@ -596,15 +573,9 @@
         max-height: 600px;
     }
 
-}
-
-
-
-
-@include exports("pivotgrid/configurator/layout/legacy") {
-
 
     // jquery specific -- old pivot
+    // TODO: remove
     .k-pivotgrid-wrapper {
         box-sizing: border-box;
         display: flex;
@@ -669,3 +640,8 @@
     }
 
 }
+
+
+@mixin kendo-pivotgrid--layout() {
+    @include kendo-pivotgrid--layout-base();
+}

package/scss/pivotgrid/_theme.scss

@@ -1,5 +1,6 @@
-@include exports("pivotgrid/theme") {
+@mixin kendo-pivotgrid--theme-base() {
 
+    // PivotGrid
     .k-pivotgrid {
         @include fill (
             $kendo-pivotgrid-text,
@@ -80,12 +81,8 @@
         );
     }
 
-}
-
-
-
-@include exports("pivotgrid/theme/configurator") {
 
+    // Pivotgrid configurator
     .k-pivotgrid-configurator-button,
     .k-pivotgrid-configurator-panel {
         @include fill (
@@ -154,12 +151,10 @@
             @include box-shadow( $kendo-pivotgrid-configurator-bottom-shadow );
         }
     }
-}
-
 
 
-@include exports("pivotgrid/theme/legacy") {
-
+    // Legacy pivotgrid
+    // TODO: remove
     .k-pivot {
         @include fill (
             $kendo-pivotgrid-text,
@@ -240,6 +235,11 @@
         .k-column-fields {
             border-color: $kendo-component-border;
         }
-
     }
+
+}
+
+
+@mixin kendo-pivotgrid--theme() {
+    @include kendo-pivotgrid--theme-base();
 }

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

package/scss/popover/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("popover/layout") {
+@mixin kendo-popover--layout-base() {
 
     // Popover
     .k-popover {
@@ -52,10 +52,8 @@
         border-width: $kendo-popover-actions-border-width 0 0;
     }
 
-}
-
-@include exports( "popover/layout/callout" ) {
 
+    // Popover callout
     .k-popover-callout {
         margin: 0;
         width: $kendo-popover-callout-width;
@@ -90,3 +88,8 @@
     }
 
 }
+
+
+@mixin kendo-popover--layout() {
+    @include kendo-popover--layout-base();
+}

package/scss/popover/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("popover/theme") {
+@mixin kendo-popover--theme-base() {
 
     // Popover
     .k-popover {
@@ -36,3 +36,8 @@
     }
 
 }
+
+
+@mixin kendo-popover--theme() {
+    @include kendo-popover--theme-base();
+}

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

package/scss/popup/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("popup/layout") {
+@mixin kendo-popup--layout-base() {
 
     .k-popup {
         @include border-radius( $kendo-popup-border-radius );
@@ -48,14 +48,16 @@
     .k-popup > .k-coloreditor {
         border-width: 0;
     }
-}
-
-
 
-@include exports( "common/decoration/shadow/legacy" ) {
 
+    // Legacy shadow
     .k-shadow {
         box-shadow: $kendo-popup-shadow;
     }
 
 }
+
+
+@mixin kendo-popup--layout() {
+    @include kendo-popup--layout-base();
+}

package/scss/popup/_theme.scss

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

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

package/scss/progressbar/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("progressbar/layout") {
+@mixin kendo-progressbar--layout-base() {
 
     // Base
     .k-progressbar {
@@ -190,22 +190,15 @@
         }
     }
 
-}
-
-
-
-
-@include exports("progressbar/layout/rtl") {
 
+    // RTL
     .k-rtl .k-progressbar,
     .k-progressbar[dir="rtl"] {
         direction: rtl;
     }
 
-}
-
-@include exports("circular-progressbar/layout") {
 
+    // Circular progressbar
     .k-circular-progressbar {
         display: inline-block;
         text-align: start;
@@ -246,3 +239,8 @@
     }
 
 }
+
+
+@mixin kendo-progressbar--layout() {
+    @include kendo-progressbar--layout-base();
+}

package/scss/progressbar/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("progressbar/theme") {
+@mixin kendo-progressbar--theme-base() {
 
     @keyframes kendo-progressbar-indeterminate-animation {
         from { background-position: 0 0; }
@@ -34,10 +34,8 @@
         animation: kendo-progressbar-indeterminate-animation $kendo-progressbar-animation-timing;
     }
 
-}
-
-@include exports("circular-progressbar/theme") {
 
+    // Circular progressbar
     .k-circular-progressbar-scale {
         stroke: $kendo-circular-progressbar-scale-stroke;
     }
@@ -48,3 +46,8 @@
     }
 
 }
+
+
+@mixin kendo-progressbar--theme() {
+    @include kendo-progressbar--theme-base();
+}

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

package/scss/radio/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "radio/layout" ) {
+@mixin kendo-radio--layout-base() {
 
     // Radio
     .k-radio {
@@ -209,3 +209,8 @@
     }
 
 }
+
+
+@mixin kendo-radio--layout() {
+    @include kendo-radio--layout-base();
+}

package/scss/radio/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "radio/theme" ) {
+@mixin kendo-radio--theme-base() {
 
     // Radio
     .k-radio {
@@ -86,3 +86,8 @@
     }
 
 }
+
+
+@mixin kendo-radio--theme() {
+    @include kendo-radio--theme-base();
+}

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

package/scss/rating/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("rating/layout") {
+@mixin kendo-rating--layout-base() {
 
     .k-rating {
         margin: 0;
@@ -94,4 +94,10 @@
             direction: ltr;
         }
     }
+
+}
+
+
+@mixin kendo-rating--layout() {
+    @include kendo-rating--layout-base();
 }

package/scss/rating/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("rating/theme") {
+@mixin kendo-rating--theme-base() {
 
     .k-rating {
         color: $kendo-component-text;
@@ -42,4 +42,10 @@
             cursor: pointer;
         }
     }
+
+}
+
+
+@mixin kendo-rating--theme() {
+    @include kendo-rating--theme-base();
 }

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

package/scss/responsivepanel/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("responsivepanel/layout") {
+@mixin kendo-responsive-panel--layout-base() {
 
     .k-rpanel {}
 
@@ -47,3 +47,8 @@
     }
 
 }
+
+
+@mixin kendo-responsive-panel--layout() {
+    @include kendo-responsive-panel--layout-base();
+}

package/scss/responsivepanel/_theme.scss

@@ -1,5 +1,10 @@
-@include exports("responsivepanel/theme") {
+@mixin kendo-responsive-panel--theme-base() {
 
     .k-rpanel {}
 
 }
+
+
+@mixin kendo-responsive-panel--theme() {
+    @include kendo-responsive-panel--theme-base();
+}

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

package/scss/ripple/_layout.scss

@@ -1,4 +1,5 @@
-@include exports( "ripple/layout" ) {
+@mixin kendo-ripple--layout-base() {
+
     .k-ripple-target {
         position: relative;
     }
@@ -46,4 +47,10 @@
             transform: translate(-50%, -50%) scale(1);
         }
     }
+
+}
+
+
+@mixin kendo-ripple--layout() {
+    @include kendo-ripple--layout-base();
 }

package/scss/ripple/_theme.scss

@@ -1,3 +1,10 @@
-@include exports( "ripple/theme" ) {
+@mixin kendo-ripple--theme-base() {
 
+    .k-ripple {}
+
+}
+
+
+@mixin kendo-ripple--theme() {
+    @include kendo-ripple--theme-base();
 }

package/scss/scheduler/_index.scss

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