@progress/kendo-theme-default 6.2.1-dev.1 → 6.2.1-dev.44

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

package/scss/action-sheet/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("action-sheet/layout") {
+@mixin kendo-action-sheet--layout-base() {
 
     // Action sheet container
     .k-actionsheet-container {
@@ -338,10 +338,9 @@
         }
     }
 
-}
-
-@include exports("action-sheet/layout/legacy") {
 
+    // Legacy action sheet
+    // TODO: remove when kendo-jquery migrate
     .k-actionsheet-jq {
         &.k-actionsheet {
             height: auto;
@@ -358,3 +357,8 @@
     }
 
 }
+
+
+@mixin kendo-action-sheet--layout() {
+    @include kendo-action-sheet--layout-base();
+}

package/scss/action-sheet/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("action-sheet/theme") {
+@mixin kendo-action-sheet--theme-base() {
 
     // Actionsheet
     .k-actionsheet {
@@ -95,3 +95,8 @@
     }
 
 }
+
+
+@mixin kendo-action-sheet--theme() {
+    @include kendo-action-sheet--theme-base();
+}

package/scss/adaptive/_index.scss

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

package/scss/adaptive/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("adaptive/layout") {
+@mixin kendo-adaptive--layout-base() {
 
     .k-pane-wrapper {
         border-width: $kendo-adaptive-border-width;
@@ -54,11 +54,10 @@
         }
     }
 
-}
 
 
-@include exports("adaptive/layout/grid") {
 
+    // Grid specific styles
     .k-pane-wrapper {
 
         > div.k-pane {
@@ -114,10 +113,11 @@
             user-select: none;
         }
     }
-}
 
-@include exports("adaptive/layout/scheduler") {
 
+
+
+    // Scheduler specific styles
     .k-pane-wrapper {
 
         .k-scheduler-edit-form {
@@ -344,10 +344,11 @@
             border-bottom-width: 0;
         }
     }
-}
 
-@include exports("adaptive/layout/common") {
 
+
+
+    // Common styles for the Adaptive Layout
     .k-pane-wrapper {
 
         .k-appbar {
@@ -489,4 +490,10 @@
             }
         }
     }
+
+}
+
+
+@mixin kendo-adaptive--layout() {
+    @include kendo-adaptive--layout-base();
 }

package/scss/adaptive/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("adaptive/theme") {
+@mixin kendo-adaptive--theme-base() {
 
     .k-pane-wrapper,
     .k-view {
@@ -92,4 +92,10 @@
         }
 
     }
+
+}
+
+
+@mixin kendo-adaptive--theme() {
+    @include kendo-adaptive--theme-base();
 }

package/scss/all.scss

@@ -1 +1,7 @@
 @import "./index.scss";
+
+
+@if not $kendo-auto-bootstrap {
+    @include kendo-theme--config();
+    @include kendo-theme--styles();
+}

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

package/scss/appbar/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("appbar/layout") {
+@mixin kendo-appbar--layout-base() {
 
     // Appbar
     .k-appbar {
@@ -110,3 +110,8 @@
     }
 
 }
+
+
+@mixin kendo-appbar--layout() {
+    @include kendo-appbar--layout-base();
+}

package/scss/appbar/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("appbar/theme") {
+@mixin kendo-appbar--theme-base() {
 
     .k-appbar {
         @include box-shadow( $kendo-appbar-box-shadow );
@@ -25,3 +25,8 @@
     }
 
 }
+
+
+@mixin kendo-appbar--theme() {
+    @include kendo-appbar--theme-base();
+}

package/scss/autocomplete/_index.scss

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

package/scss/autocomplete/_layout.scss

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

package/scss/autocomplete/_theme.scss

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

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

package/scss/avatar/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "avatar/layout" ) {
+@mixin kendo-avatar--layout-base() {
 
     // Avatar
     .k-avatar {
@@ -75,3 +75,7 @@
 
 }
 
+
+@mixin kendo-avatar--layout() {
+    @include kendo-avatar--layout-base();
+}

package/scss/avatar/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "avatar/theme" ) {
+@mixin kendo-avatar--theme-base() {
 
     // Solid Avatars
     @each $name, $color in $kendo-avatar-theme-colors {
@@ -21,3 +21,8 @@
     }
 
 }
+
+
+@mixin kendo-avatar--theme() {
+    @include kendo-avatar--theme-base();
+}

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

package/scss/badge/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "badge/layout" ) {
+@mixin kendo-badge--layout-base() {
 
     .k-badge {
         padding: 0;
@@ -143,3 +143,8 @@
     }
 
 }
+
+
+@mixin kendo-badge--layout() {
+    @include kendo-badge--layout-base();
+}

package/scss/badge/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "badge/theme" ) {
+@mixin kendo-badge--theme-base() {
 
     // Solid badges
     @each $name, $color in $kendo-theme-colors {
@@ -20,4 +20,10 @@
             color: $color;
         }
     }
+
+}
+
+
+@mixin kendo-badge--theme() {
+    @include kendo-badge--theme-base();
 }

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

package/scss/bottom-navigation/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("bottom-navigation/layout") {
+@mixin kendo-bottom-navigation--layout-base() {
 
     // Bottom Navigation
     .k-bottom-nav {
@@ -113,4 +113,10 @@
         bottom: 0;
         z-index: 1;
     }
+
+}
+
+
+@mixin kendo-bottom-navigation--layout() {
+    @include kendo-bottom-navigation--layout-base();
 }

package/scss/bottom-navigation/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("bottom-navigation/theme") {
+@mixin kendo-bottom-navigation--theme-base() {
 
     // Solid
     @each $name, $color in $kendo-theme-colors {
@@ -44,3 +44,8 @@
     }
 
 }
+
+
+@mixin kendo-bottom-navigation--theme() {
+    @include kendo-bottom-navigation--theme-base();
+}

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

package/scss/breadcrumb/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "breadcrumb/layout" ) {
+@mixin kendo-breadcrumb--layout-base() {
 
     // Breadcrumb
     .k-breadcrumb {
@@ -119,3 +119,8 @@
     }
 
 }
+
+
+@mixin kendo-breadcrumb--layout() {
+    @include kendo-breadcrumb--layout-base();
+}

package/scss/breadcrumb/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "breadcrumb/theme" ) {
+@mixin kendo-breadcrumb--theme-base() {
 
     // Breadcrumb
     .k-breadcrumb {
@@ -95,3 +95,8 @@
     }
 
 }
+
+
+@mixin kendo-breadcrumb--theme() {
+    @include kendo-breadcrumb--theme-base();
+}

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

package/scss/button/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("button/layout") {
+@mixin kendo-button--layout-base() {
 
     // Button
     .k-button {
@@ -256,12 +256,8 @@
         box-shadow: none !important; // sass-lint:disable-line no-important
     }
 
-}
-
-
 
 
-@include exports( "button/layout/overlay" ) {
 
     // Button overlay
     .k-button-overlay {
@@ -326,13 +322,10 @@
 
     }
 
-}
-
 
 
 
-@include exports( "button/layout/focus-ring" ) {
-
+    // Button focus ring
     .k-button {
 
         &::after {
@@ -350,4 +343,10 @@
             transition: opacity .2s ease-in-out;
         }
     }
+
+}
+
+
+@mixin kendo-button--layout() {
+    @include kendo-button--layout-base();
 }

package/scss/button/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "button/theme" ) {
+@mixin kendo-button--theme-base() {
 
     // Solid button
     .k-button-solid-base {
@@ -277,3 +277,8 @@
 
 
 }
+
+
+@mixin kendo-button--theme() {
+    @include kendo-button--theme-base();
+}