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

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();
+}

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

package/scss/calendar/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("calendar/layout") {
+@mixin kendo-calendar--layout-base() {
 
     // Base
     .k-calendar {
@@ -73,8 +73,8 @@
     .k-calendar-th {
         padding-block: $kendo-calendar-header-cell-padding-y;
         padding-inline: $kendo-calendar-header-cell-padding-x;
-        width: $kendo-calendar-header-cell-width;
-        height: $kendo-calendar-header-cell-height;
+        inline-size: var( --INTERNAL--kendo-calendar-cell-size, $kendo-calendar-header-cell-width );
+        block-size: var( --INTERNAL--kendo-calendar-cell-size, $kendo-calendar-header-cell-height );
         font-size: $kendo-calendar-header-cell-font-size;
         line-height: $kendo-calendar-header-cell-line-height;
         text-transform: uppercase;
@@ -313,16 +313,12 @@
 
 
 
-    // Alias
+    // Legacy aliases
     .k-link {
         @extend .k-calendar-cell-inner !optional;
     }
-}
-
-
 
 
-@include exports( "infinite-calendar/layout" ) {
 
 
     // Infinite calendar
@@ -451,12 +447,8 @@
         // }
     }
 
-}
-
-
 
 
-@include exports( "multiview-calendar/layout" ) {
 
     // Multiview calendar
     .k-calendar-range {
@@ -491,13 +483,13 @@
         }
     }
 
-}
-
 
 
-@include exports("calendar/layout/rtl") {
 
+    // RTL
     .k-rtl .k-calendar,
+    [dir="rtl"] .k-calendar,
+    .k-calendar.k-rtl,
     .k-calendar[dir="rtl"] {
 
         .k-calendar-nav-prev,
@@ -513,3 +505,8 @@
     }
 
 }
+
+
+@mixin kendo-calendar--layout() {
+    @include kendo-calendar--layout-base();
+}

package/scss/calendar/_theme.scss

@@ -1,8 +1,4 @@
-// Styling of today date
-// color - mark the today date with a different text color
-// box - instead of changing the text color, show a box around the date
-
-@include exports("calendar/theme") {
+@mixin kendo-calendar--theme-base() {
 
     .k-calendar {
         @include fill(
@@ -155,13 +151,10 @@
         );
     }
 
-}
-
-
 
 
-@include exports( "multiview-calendar/theme" ) {
 
+    // Multiview calendar
     .k-calendar {
 
         $kendo-calendar-range-gap: 1px !default;
@@ -221,3 +214,8 @@
     }
 
 }
+
+
+@mixin kendo-calendar--theme() {
+    @include kendo-calendar--theme-base();
+}

package/scss/captcha/_index.scss

@@ -17,8 +17,6 @@ $_kendo-module-meta: (
 );
 
 
-
-
 // Dependencies
 // @import "../utils/_index.scss";
 @import "../common/_index.scss";
@@ -33,3 +31,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-captcha--styles() {
+    @include module-render( "captcha" ) {
+        @include kendo-captcha--layout();
+        @include kendo-captcha--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-captcha--styles();
+}

package/scss/captcha/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("captcha/layout") {
+@mixin kendo-captcha--layout-base() {
 
     // Captcha
     .k-captcha {
@@ -60,3 +60,8 @@
     }
 
 }
+
+
+@mixin kendo-captcha--layout() {
+    @include kendo-captcha--layout-base();
+}

package/scss/captcha/_theme.scss

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

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

package/scss/card/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("card/layout") {
+@mixin kendo-card--layout-base() {
 
 
     // Angular elements
@@ -319,17 +319,15 @@
     }
 
 
-}
-
-
-
 
-@include exports( "card/layout/callout" ) {
 
+    // Card with callout
     .k-card-with-callout {
         overflow: visible;
     }
 
+
+    // Card callout
     .k-card-callout {
         margin: 0;
         width: $kendo-card-callout-width;
@@ -361,13 +359,6 @@
         transform: translate(-50%, -50%) rotate(45deg);
     }
 
-}
-
-
-
-
-@include exports( "card/layout/fill" ) {
-
 
     // Solid card
     .k-card-solid {
@@ -381,3 +372,8 @@
     }
 
 }
+
+
+@mixin kendo-card--layout() {
+    @include kendo-card--layout-base();
+}

package/scss/card/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("card/theme") {
+@mixin kendo-card--theme-base() {
 
     // Card
     .k-card {
@@ -97,3 +97,8 @@
     }
 
 }
+
+
+@mixin kendo-card--theme() {
+    @include kendo-card--theme-base();
+}

package/scss/card/_variables.scss

@@ -1,3 +1,5 @@
+@import "../button/_variables.scss";
+
 // Card
 $kendo-card-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
 $kendo-card-padding-y: k-map-get( $kendo-spacing, 3 ) !default;

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