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

package/scss/chat/_layout.scss

@@ -1,5 +1,6 @@
-@include exports("chat/layout") {
+@mixin kendo-chat--layout-base() {
 
+    // Chat
     .k-chat {
         margin: auto;
         max-width: $kendo-chat-width;
@@ -310,13 +311,10 @@
         }
     }
 
-}
-
-
 
 
-@include exports( "chat/cards/layout" ) {
 
+    // Card list
     .k-chat .k-card-list {
         margin: $kendo-chat-bubble-spacing 0 0;
     }
@@ -367,13 +365,8 @@
             background: none;
         }
     }
-}
-
 
 
-
-@include exports( "chat/typingindicator/layout" ) {
-
     // Local variables
     $kendo-chat-typing-indicator-dot-size: 8px !default;
     $kendo-chat-typing-indicator-dot-spacing: 5px !default;
@@ -410,13 +403,8 @@
 
     }
 
-}
-
-
-
-
-@include exports( "chat/toolbar/layout" ) {
 
+    // Chat toolbar
     .k-chat-toolbar,
     .k-chat .k-toolbar-box {
         padding-block: $kendo-chat-toolbar-padding-y;
@@ -472,15 +460,10 @@
 
     }
 
-}
-
 
 
 
-@include exports( "chat/layout/rtl" ) {
-
-
-    // Quick replies
+    // RTL
     .k-rtl,
     [dir="rtl"] {
 
@@ -548,5 +531,9 @@
 
     }
 
+}
+
 
+@mixin kendo-chat--layout() {
+    @include kendo-chat--layout-base();
 }

package/scss/chat/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("chat/theme") {
+@mixin kendo-chat--theme-base() {
 
     // Chat
     .k-chat {
@@ -88,3 +88,8 @@
     }
 
 }
+
+
+@mixin kendo-chat--theme() {
+    @include kendo-chat--theme-base();
+}

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

package/scss/checkbox/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "checkbox/layout" ) {
+@mixin kendo-checkbox--layout-base() {
 
     // Checkbox
     .k-checkbox {
@@ -212,3 +212,8 @@
     }
 
 }
+
+
+@mixin kendo-checkbox--layout() {
+    @include kendo-checkbox--layout-base();
+}

package/scss/checkbox/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "checkbox/theme" ) {
+@mixin kendo-checkbox--theme-base () {
 
     // Checkbox
     .k-checkbox {
@@ -99,3 +99,8 @@
     }
 
 }
+
+
+@mixin kendo-checkbox--theme() {
+    @include kendo-checkbox--theme-base();
+}

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

package/scss/chip/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("chip/layout") {
+@mixin kendo-chip--layout-base() {
 
     // Chip
     .k-chip {
@@ -156,3 +156,8 @@
     }
 
 }
+
+
+@mixin kendo-chip--layout() {
+    @include kendo-chip--layout-base();
+}

package/scss/chip/_theme.scss

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

package/scss/color-preview/_index.scss

@@ -9,8 +9,6 @@ $_kendo-module-meta: (
 );
 
 
-
-
 // Dependencies
 
 
@@ -19,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-color-preview--styles() {
+    @include module-render( "color-preview" ) {
+        @include kendo-color-preview--layout();
+        @include kendo-color-preview--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-color-preview--styles();
+}

package/scss/color-preview/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "color-preview/layout" ) {
+@mixin kendo-color-preview--layout-base() {
 
     // Color Preview
     .k-color-preview {
@@ -75,3 +75,8 @@
     }
 
 }
+
+
+@mixin kendo-color-preview--layout() {
+    @include kendo-color-preview--layout-base();
+}

package/scss/color-preview/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "color-preview/theme" ) {
+@mixin kendo-color-preview--theme-base() {
 
     // Color Preview
     .k-color-preview {
@@ -15,3 +15,8 @@
     }
 
 }
+
+
+@mixin kendo-color-preview--theme() {
+    @include kendo-color-preview--theme-base();
+}

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

package/scss/coloreditor/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("coloreditor/layout") {
+@mixin kendo-color-editor--layout-base() {
 
     // ColorEditor/FlatColorPicker
     .k-coloreditor {
@@ -80,3 +80,8 @@
     }
 
 }
+
+
+@mixin kendo-color-editor--layout() {
+    @include kendo-color-editor--layout-base();
+}

package/scss/coloreditor/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("coloreditor/theme") {
+@mixin kendo-color-editor--theme-base() {
 
     // ColorEditor/FlatColorPicker
     .k-coloreditor {
@@ -22,3 +22,8 @@
     }
 
 }
+
+
+@mixin kendo-color-editor--theme() {
+    @include kendo-color-editor--theme-base();
+}

package/scss/colorgradient/_index.scss

@@ -28,7 +28,24 @@ $_kendo-module-meta: (
 
 
 // Component
-@import "./images/alpha-slider-bgr.scss";
 @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-color-gradient--styles() {
+    @include module-render( "color-gradient" ) {
+        @include kendo-color-gradient--layout();
+        @include kendo-color-gradient--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-color-gradient--styles();
+}

package/scss/colorgradient/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("colorgradient/layout") {
+@mixin kendo-color-gradient--layout-base() {
 
     // ColorGradient
     .k-colorgradient {
@@ -187,3 +187,8 @@
     }
 
 }
+
+
+@mixin kendo-color-gradient--layout() {
+    @include kendo-color-gradient--layout-base();
+}

package/scss/colorgradient/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("colorgradient/theme") {
+@mixin kendo-color-gradient--theme-base() {
 
     // ColorGradient
     .k-colorgradient {
@@ -65,9 +65,8 @@
         @include fill( $color: $kendo-color-gradient-input-label-text );
     }
 
-}
 
-@include exports("colorgradient/theme/rtl") {
+    // RTL
     .k-rtl,
     [dir="rtl"] {
         .k-colorgradient {
@@ -78,4 +77,10 @@
 
         }
     }
+
+}
+
+
+@mixin kendo-color-gradient--theme() {
+    @include kendo-color-gradient--theme-base();
 }

package/scss/colorgradient/_variables.scss

@@ -1,3 +1,6 @@
+@import "./images/alpha-slider-bgr.scss";
+
+
 // ColorGradient
 $kendo-color-gradient-spacer: k-map-get( $kendo-spacing, 3 ) !default;
 

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

package/scss/colorpalette/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("colorpalette/layout") {
+@mixin kendo-color-palette--layout-base() {
 
     // ColorPalette
     .k-colorpalette {
@@ -52,3 +52,8 @@
     }
 
 }
+
+
+@mixin kendo-color-palette--layout() {
+    @include kendo-color-palette--layout-base();
+}

package/scss/colorpalette/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("colorpalette/theme") {
+@mixin kendo-color-palette--theme-base() {
 
     // Tile
     .k-colorpalette-tile {
@@ -21,3 +21,8 @@
     }
 
 }
+
+
+@mixin kendo-color-palette--theme() {
+    @include kendo-color-palette--theme-base();
+}

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

package/scss/colorpicker/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "colorpicker/layout" ) {
+@mixin kendo-color-picker--layout-base() {
 
     // Color picker
     .k-color-picker {
@@ -11,3 +11,8 @@
     }
 
 }
+
+
+@mixin kendo-color-picker--layout() {
+    @include kendo-color-picker--layout-base();
+}

package/scss/colorpicker/_theme.scss

@@ -1,6 +1,10 @@
-@include exports( "colorpicker/theme" ) {
+@mixin kendo-color-picker--theme-base() {
 
     // Color picker
     .k-color-picker {}
 
 }
+
+@mixin kendo-color-picker--theme() {
+    @include kendo-color-picker--theme-base();
+}

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

package/scss/combobox/_layout.scss

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

package/scss/combobox/_theme.scss

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

package/scss/common/_base.scss

@@ -187,7 +187,7 @@
         right: 0;
     }
 
-    [dir = "rtl"],
+    [dir="rtl"],
     .k-rtl {
         .k-dirty {
             border-color: transparent transparent $kendo-color-error $kendo-color-error;

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

package/scss/dataviz/_layout.scss

@@ -1,5 +1,6 @@
-@include exports("dataviz/barcode/layout") {
+@mixin kendo-dataviz--layout-base() {
 
+    // Barcode
     .k-barcode {
         display: inline-block;
 
@@ -8,10 +9,6 @@
         }
     }
 
-}
-
-
-@include exports("dataviz/charts/layout") {
 
     // Exported variables
     .k-var--chart-font {
@@ -242,11 +239,11 @@
             }
         }
     }
-}
 
 
-@include exports("dataviz/diagram/layout") {
 
+
+    // Diagram
     .k-diagram {
         height: 600px;
     }
@@ -267,12 +264,11 @@
         width: 100%;
         height: 100%;
     }
-}
 
 
-@include exports("dataviz/treemap/layout") {
 
-    // Base
+
+    // Treemap
     .k-treemap {
         height: 400px;
         box-sizing: border-box;
@@ -359,11 +355,11 @@
             padding: $kendo-padding-sm-x;
         }
     }
-}
 
 
-@include exports("dataviz/gauge/layout") {
 
+
+    // Gauge
     .k-gauge {
         text-align: start;
         position: relative;
@@ -382,13 +378,8 @@
         margin: 0;
     }
 
-}
-
-
-
-
-@include exports("dataviz/qrcode/layout") {
 
+    // qrcode
     .k-qrcode {
         display: inline-block;
 
@@ -397,13 +388,9 @@
         }
     }
 
-}
-
 
 
 
-@include exports("chart/variables") {
-
     // export variables to allow use in scripts
     $exported: (
         primary: $kendo-color-primary,
@@ -480,4 +467,10 @@
             }
         }
     }
+
+}
+
+
+@mixin kendo-dataviz--layout() {
+    @include kendo-dataviz--layout-base();
 }