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

package/scss/dataviz/_theme.scss

@@ -1,4 +1,5 @@
-@include exports("dataviz/charts/theme") {
+@mixin kendo-dataviz--theme-base() {
+
     // Exported variables
     .k-var--chart-inactive {
         background-color: $kendo-chart-inactive;
@@ -114,10 +115,9 @@
         background-color: $kendo-component-bg;
         opacity: .8;
     }
-}
 
 
-@include exports("dataviz/treemap/theme") {
+
 
     // Treemap
     .k-treemap {
@@ -151,3 +151,8 @@
     }
 
 }
+
+
+@mixin kendo-dataviz--theme() {
+    @include kendo-dataviz--theme-base();
+}

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

package/scss/dateinput/_layout.scss

@@ -1,6 +1,11 @@
-@include exports("dateinput/layout") {
+@mixin kendo-date-input--layout-base() {
 
     // Date input
     .k-dateinput {}
 
 }
+
+
+@mixin kendo-date-input--layout() {
+    @include kendo-date-input--layout-base();
+}

package/scss/dateinput/_theme.scss

@@ -1,6 +1,11 @@
-@include exports("dateinput/theme") {
+@mixin kendo-date-input--theme-base() {
 
     // Date input
     .k-dateinput {}
 
 }
+
+
+@mixin kendo-date-input--theme() {
+    @include kendo-date-input--theme-base();
+}

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

package/scss/datepicker/_layout.scss

@@ -1,6 +1,10 @@
-@include exports("datepicker/layout") {
+@mixin kendo-date-picker--layout-base() {
 
     // Date picker
     .k-datepicker {}
 
 }
+
+@mixin kendo-date-picker--layout() {
+    @include kendo-date-picker--layout-base();
+}

package/scss/datepicker/_theme.scss

@@ -1,6 +1,11 @@
-@include exports("datepicker/theme") {
+@mixin kendo-date-picker--theme-base() {
 
     // Date picker
     .k-datepicker {}
 
 }
+
+
+@mixin kendo-date-picker--theme() {
+    @include kendo-date-picker--theme-base();
+}

package/scss/daterangepicker/_index.scss

@@ -16,8 +16,6 @@ $_kendo-module-meta: (
 );
 
 
-
-
 // Dependencies
 @import "../common/_index.scss";
 @import "../input/_index.scss";
@@ -30,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-date-range-picker--styles() {
+    @include module-render( "date-range-picker" ) {
+        @include kendo-date-range-picker--layout();
+        @include kendo-date-range-picker--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-date-range-picker--styles();
+}

package/scss/daterangepicker/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "daterangepicker/layout" ) {
+@mixin kendo-date-range-picker--layout-base() {
 
     // Daterange picker
     .k-daterange-picker {
@@ -41,3 +41,8 @@
     }
 
 }
+
+
+@mixin kendo-date-range-picker--layout() {
+    @include kendo-date-range-picker--layout-base();
+}

package/scss/daterangepicker/_theme.scss

@@ -1,3 +1,11 @@
-@include exports("daterangepicker/theme") {
+@mixin kendo-date-range-picker--theme-base() {
 
+    // Date range picker
+    .k-daterangepicker {}
+
+}
+
+
+@mixin kendo-date-range-picker--theme() {
+    @include kendo-date-range-picker--theme-base();
 }

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

package/scss/datetimepicker/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "datetimepicker/layout" ) {
+@mixin kendo-date-time-picker--layout-base() {
 
     // Datetime container
     .k-datetime-container {}
@@ -41,17 +41,17 @@
         transform: translateX(-100%);
     }
 
-}
-
-@include exports( "datetimepicker/layout/rtl" ) {
-
-    .k-datetimepicker {
+    .k-time-tab .k-datetime-selector {
+        &.k-rtl,
         &[dir="rtl"],
-        .k-rtl & {
-            .k-time-tab .k-datetime-selector {
-                transform: translateX(100%);
-            }
+        .k-rtl &,
+        [dir="rtl"] & {
+            transform: translateX(100%);
         }
     }
+}
+
 
+@mixin kendo-date-time-picker--layout() {
+    @include kendo-date-time-picker--layout-base();
 }

package/scss/datetimepicker/_theme.scss

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

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

package/scss/dialog/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("dialog/layout") {
+@mixin kendo-dialog--layout-base() {
 
     .k-dialog-wrapper {
         display: flex;
@@ -67,3 +67,8 @@
     }
 
 }
+
+
+@mixin kendo-dialog--layout() {
+    @include kendo-dialog--layout-base();
+}

package/scss/dialog/_theme.scss

@@ -1,5 +1,6 @@
-@include exports("dialog/theme") {
-    // Titlebar
+@mixin kendo-dialog--theme-base() {
+
+    // Dialog titlebar
     .k-dialog-titlebar {
         @include fill(
             $kendo-dialog-titlebar-text,
@@ -17,3 +18,8 @@
     }
 
 }
+
+
+@mixin kendo-dialog--theme() {
+    @include kendo-dialog--theme-base();
+}

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

package/scss/draggable/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "draggable/layout" ) {
+@mixin kendo-draggable--layout-base() {
 
     // Layout
     .k-drag-clue {
@@ -121,3 +121,8 @@
     }
 
 }
+
+
+@mixin kendo-draggable--layout() {
+    @include kendo-draggable--layout-base();
+}

package/scss/draggable/_theme.scss

@@ -1,6 +1,6 @@
-@include exports( "draggable/theme" ) {
+@mixin kendo-draggable--theme-base() {
 
-    // Theme
+    // Drag hint
     .k-drag-clue {
         @include fill(
             $kendo-drag-hint-text,
@@ -12,3 +12,8 @@
     }
 
 }
+
+
+@mixin kendo-draggable--theme() {
+    @include kendo-draggable--theme-base();
+}

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

package/scss/drawer/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("drawer/layout") {
+@mixin kendo-drawer--layout-base() {
 
     .k-drawer-container {
         display: flex;
@@ -242,3 +242,8 @@
         }
     }
 }
+
+
+@mixin kendo-drawer--layout() {
+    @include kendo-drawer--layout-base();
+}

package/scss/drawer/_theme.scss

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

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

package/scss/dropdowngrid/_layout.scss

@@ -1,9 +1,10 @@
-@include exports("dropdowngrid/layout") {
+@mixin kendo-dropdown-grid--layout-base() {
 
-    // DropdownGrid
+    // Dropdown grid
     .k-dropdown-grid {}
 
-    // DropdowGrid Popup
+
+    // Dropdown grid popup
     .k-dropdowngrid-popup {
         overflow: hidden;
     }
@@ -12,3 +13,8 @@
     }
 
 }
+
+
+@mixin kendo-dropdown-grid--layout() {
+    @include kendo-dropdown-grid--layout-base();
+}

package/scss/dropdowngrid/_theme.scss

@@ -1,6 +1,11 @@
-@include exports("dropdowngrid/theme") {
+@mixin kendo-dropdown-grid--theme-base() {
 
     // Dropdown grid
     .k-dropdown-grid {}
 
 }
+
+
+@mixin kendo-dropdown-grid--theme() {
+    @include kendo-dropdown-grid--theme-base();
+}

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

package/scss/dropdownlist/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("dropdownlist/layout") {
+@mixin kendo-dropdown-list--layout-base() {
 
     // Dropdown list
     .k-dropdown-list {}
@@ -29,10 +29,16 @@
         }
     }
 
-    // Alias
+
+    // Legacy aliases
     .k-dropdown,
     .k-dropdownlist {
         @extend .k-dropdown-list !optional;
     }
 
 }
+
+
+@mixin kendo-dropdown-list--layout() {
+    @include kendo-dropdown-list--layout-base();
+}

package/scss/dropdownlist/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "dropdownlist/theme" ) {
+@mixin kendo-dropdown-list--theme-base() {
 
     // Dropdown list
     .k-dropdown-list {}
@@ -7,3 +7,8 @@
     select.k-dropdown-list {}
 
 }
+
+
+@mixin kendo-dropdown-list--theme() {
+    @include kendo-dropdown-list--theme-base();
+}

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

package/scss/dropdowntree/_layout.scss

@@ -1,10 +1,12 @@
-@include exports("dropdowntree/layout") {
+@mixin kendo-dropdown-tree--layout-base() {
 
     // Dropdown tree
     .k-dropdown-tree {}
 
     // Dropdowntree popup
-    .k-popup-dropdowntree {
+    .k-popup-dropdowntree, // remove legacy class once updated in components
+    .k-dropdowntree-popup,
+    .k-multiselecttree-popup {
         padding: 0;
 
         .k-check-all {
@@ -18,3 +20,8 @@
     }
 
 }
+
+
+@mixin kendo-dropdown-tree--layout() {
+    @include kendo-dropdown-tree--layout-base();
+}

package/scss/dropdowntree/_theme.scss

@@ -1,6 +1,11 @@
-@include exports("dropdowntree/theme") {
+@mixin kendo-dropdown-tree--theme-base() {
 
     // Dropdown tree
     .k-dropdown-tree {}
 
 }
+
+
+@mixin kendo-dropdown-tree--theme() {
+    @include kendo-dropdown-tree--theme-base();
+}

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

package/scss/dropzone/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("dropzone/layout") {
+@mixin kendo-dropzone--layout-base() {
 
     // Dropzone
     .k-external-dropzone {
@@ -7,7 +7,7 @@
         flex-flow: row nowrap;
     }
 
-    // Dropzpne inner
+    // Dropzone inner
     .k-dropzone-inner {
         padding-block: $kendo-dropzone-padding-y;
         padding-inline: $kendo-dropzone-padding-x;
@@ -47,3 +47,8 @@
     }
 
 }
+
+
+@mixin kendo-dropzone--layout() {
+    @include kendo-dropzone--layout-base();
+}

package/scss/dropzone/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "dropzone/theme" ) {
+@mixin kendo-dropzone--theme-base() {
 
     // Dropzone
     .k-dropzone-inner {
@@ -31,3 +31,8 @@
     }
 
 }
+
+
+@mixin kendo-dropzone--theme() {
+    @include kendo-dropzone--theme-base();
+}