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

package/scss/timedurationpicker/_theme.scss

@@ -1,5 +1,11 @@
-@include exports("timedurationpicker/theme") {
+@mixin kendo-time-duration-picker--theme-base() {
 
-    // TimeDuration picker
-    .k-timedurationpicker {}
+    // Time duration picker
+    .k-time-duration-picker {}
+
+}
+
+
+@mixin kendo-time-duration-picker--theme() {
+    @include kendo-time-duration-picker--theme-base();
 }

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

package/scss/timeline/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("timeline/layout") {
+@mixin kendo-timeline--layout-base() {
 
     .k-timeline {
         box-sizing: border-box;
@@ -439,4 +439,10 @@
             }
         }
     }
+
+}
+
+
+@mixin kendo-timeline--layout() {
+    @include kendo-timeline--layout-base();
 }

package/scss/timeline/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("timeline/theme") {
+@mixin kendo-timeline--theme-base() {
 
     .k-timeline {
         .k-timeline-flag {
@@ -64,4 +64,10 @@
     .k-timeline-track-item.k-focus .k-timeline-circle {
         @include focus-indicator( $kendo-timeline-track-item-focus-shadow );
     }
+
+}
+
+
+@mixin kendo-timeline--theme() {
+    @include kendo-timeline--theme-base();
 }

package/scss/timepicker/_index.scss

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

package/scss/timepicker/_layout.scss

@@ -1,6 +1,17 @@
-@include exports("timepicker/layout") {
+@mixin kendo-time-picker--layout-base() {
 
     // Time picker
-    .k-timepicker {}
+    .k-time-picker {}
 
+
+    // Legacy aliases
+    .k-timepicker {
+        @extend .k-time-picker !optional;
+    }
+
+}
+
+
+@mixin kendo-time-picker--layout() {
+    @include kendo-time-picker--layout-base();
 }

package/scss/timepicker/_theme.scss

@@ -1,6 +1,11 @@
-@include exports("timepicker/theme") {
+@mixin kendo-time-picker--theme-base() {
 
     // Time picker
-    .k-timepicker {}
+    .k-time-picker {}
 
 }
+
+
+@mixin kendo-time-picker--theme() {
+    @include kendo-time-picker--theme-base();
+}

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

package/scss/timeselector/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "timeselector/layout" ) {
+@mixin kendo-time-selector--layout-base() {
 
     // Time selector
     .k-timeselector {
@@ -240,9 +240,7 @@
         }
     }
 
-}
 
-@include exports("timeselector/layout/rtl") {
 
     .k-rtl,
     [dir="rtl"] {
@@ -255,3 +253,8 @@
     }
 
 }
+
+
+@mixin kendo-time-selector--layout() {
+    @include kendo-time-selector--layout-base();
+}

package/scss/timeselector/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "timeselector/theme" ) {
+@mixin kendo-time-selector--theme-base() {
 
     // Time selector
     .k-timeselector {
@@ -70,3 +70,8 @@
     }
 
 }
+
+
+@mixin kendo-time-selector--theme() {
+    @include kendo-time-selector--theme-base();
+}

package/scss/toolbar/_index.scss

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

package/scss/toolbar/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("toolbar/layout") {
+@mixin kendo-toolbar--layout-base() {
 
     // Base
     .k-toolbar {
@@ -152,13 +152,8 @@
         height: $kendo-button-lg-calc-size;
     }
 
-}
-
-
 
 
-@include exports( "floating-toolbar/layout" ) {
-
     // sass-lint:disable class-name-format
     .k-floating-toolbar,
     .editorToolbarWindow.k-window-content {
@@ -188,14 +183,9 @@
     }
     // sass-lint:enable class-name-format
 
-}
-
 
-
-
-// Remove once the Overflow Popup uses
-// the proper Menu rendering in all suites.
-@include exports("toolbar/layout/legacy") {
+    // Remove once the Overflow Popup uses
+    // the proper Menu rendering in all suites.
 
     // Overflow container
     .k-overflow-container {
@@ -262,3 +252,8 @@
     }
 
 }
+
+
+@mixin kendo-toolbar--layout() {
+    @include kendo-toolbar--layout-base();
+}

package/scss/toolbar/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("toolbar/theme") {
+@mixin kendo-toolbar--theme-base() {
 
     // Theme
     .k-toolbar {
@@ -30,13 +30,6 @@
 
     }
 
-}
-
-
-
-
-@include exports("floating-toolbar/theme") {
-
     // sass-lint:disable-block class-name-format
     .k-floating-toolbar,
     .editorToolbarWindow.k-window-content {
@@ -48,15 +41,6 @@
         );
     }
 
-}
-
-
-
-
-// Remove once the Overflow Popup uses
-// the proper Menu rendering in all suites.
-@include exports("toolbar/theme/legacy") {
-
     // Overflow container
     .k-overflow-container {
 
@@ -98,3 +82,8 @@
     }
 
 }
+
+
+@mixin kendo-toolbar--theme() {
+    @include kendo-toolbar--theme-base();
+}

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

package/scss/tooltip/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("tooltip/layout") {
+@mixin kendo-tooltip--layout-base() {
 
     .k-tooltip {
         @include border-radius( $kendo-tooltip-border-radius );
@@ -112,3 +112,8 @@
     }
 
 }
+
+
+@mixin kendo-tooltip--layout() {
+    @include kendo-tooltip--layout-base();
+}

package/scss/tooltip/_theme.scss

@@ -1,4 +1,5 @@
-@include exports("tooltip/theme") {
+@mixin kendo-tooltip--theme-base() {
+
     .k-tooltip-wrapper {
         .k-tooltip {
             box-shadow: $kendo-popup-shadow;
@@ -76,4 +77,10 @@
             color: $kendo-tooltip-error-bg;
         }
     }
+
+}
+
+
+@mixin kendo-tooltip--theme() {
+    @include kendo-tooltip--theme-base();
 }

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

package/scss/treelist/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("treelist/layout") {
+@mixin kendo-treelist--layout-base() {
 
     // Base
     .k-treelist {
@@ -101,3 +101,8 @@
     }
 
 }
+
+
+@mixin kendo-treelist--layout() {
+    @include kendo-treelist--layout-base();
+}

package/scss/treelist/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("treelist/theme") {
+@mixin kendo-treelist--theme-base() {
 
     // Theme
     .k-treelist {
@@ -9,3 +9,8 @@
     }
 
 }
+
+
+@mixin kendo-treelist--theme() {
+    @include kendo-treelist--theme-base();
+}

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

package/scss/treeview/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("treeview/layout") {
+@mixin kendo-treeview--layout-base() {
 
     // Treeview
     .k-treeview {
@@ -138,6 +138,8 @@
 
     // RTL
     .k-rtl .k-treeview,
+    [dir="rtl"] .k-treeview,
+    .k-treeview.k-rtl,
     .k-treeview[dir="rtl"] {
 
         // Treeview item
@@ -189,3 +191,8 @@
     }
 
 }
+
+
+@mixin kendo-treeview--layout() {
+    @include kendo-treeview--layout-base();
+}

package/scss/treeview/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("treeview/theme") {
+@mixin kendo-treeview--theme-base() {
 
     // Treeview
     .k-treeview {
@@ -77,3 +77,8 @@
     }
 
 }
+
+
+@mixin kendo-treeview--theme() {
+    @include kendo-treeview--theme-base();
+}

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

package/scss/typography/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "typography/layout" ) {
+@mixin kendo-typography--layout-base() {
 
     @if $kendo-enable-typography {
         body { @extend .k-body !optional; }
@@ -175,4 +175,10 @@
             $kendo-display4-letter-spacing
         );
     }
+
+}
+
+
+@mixin kendo-typography--layout() {
+    @include kendo-typography--layout-base();
 }

package/scss/typography/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("typography/theme") {
+@mixin kendo-typography--theme-base() {
 
     .k-body {
         @include fill(
@@ -16,4 +16,10 @@
             $kendo-code-border
         );
     }
+
+}
+
+
+@mixin kendo-typography--theme() {
+    @include kendo-typography--theme-base();
 }

package/scss/upload/_index.scss

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

package/scss/upload/_layout.scss

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

package/scss/upload/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("upload/theme") {
+@mixin kendo-upload--theme-base() {
 
     .k-upload {
         @include fill(
@@ -66,7 +66,7 @@
             }
         }
 
-        // Upload satus: error
+        // Upload status: error
         .k-file-error {
             .k-file-validation-message {
                 color: $kendo-upload-error-text;
@@ -100,3 +100,8 @@
     }
 
 }
+
+
+@mixin kendo-upload--theme() {
+    @include kendo-upload--theme-base();
+}

package/scss/utils/_index.scss

@@ -15,6 +15,18 @@ $_kendo-module-meta: (
 @import "@progress/kendo-theme-utils/scss/index.import.scss";
 
 
-@include exports("kendo-utils") {
-    @include kendo-utils();
+// Register
+@import "../core/module-system/index.import.scss";
+@include module-register( $_kendo-module-meta... );
+
+
+// Expose
+@mixin kendo-utils--styles() {
+    @include module-render( "utils" ) {
+        @include kendo-utils();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-utils--styles();
 }

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

package/scss/validator/_layout.scss

@@ -1,12 +1,17 @@
-@include exports("validator/layout") {
+@mixin kendo-validator--layout-base() {
 
+    // Validator
+    .k-validator {}
+
+
+    // Validator tooltip
     .k-validator-tooltip {
         margin-top: calc( #{$kendo-tooltip-callout-size} + #{$kendo-tooltip-border-width} );
         width: auto;
         white-space: normal;
         display: flex;
         align-items: center;
-        // NOTE: This works around popup / tooltip stackin issue
+        // NOTE: This works around popup / tooltip stacking issue
         z-index: 9999;
 
         // .k-callout-n { inset-inline-start: 16px; }
@@ -16,3 +21,8 @@
     }
 
 }
+
+
+@mixin kendo-validator--layout() {
+    @include kendo-validator--layout-base();
+}

package/scss/validator/_theme.scss

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