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

package/scss/split-button/_layout.scss

@@ -1,5 +1,7 @@
-@include exports("split-button/layout") {
+@mixin kendo-split-button--layout-base() {
 
+    // Split button
+    .k-split-button {}
 
     // Split button arrow
     .k-split-button .k-split-button-arrow {
@@ -29,5 +31,9 @@
         }
     }
 
+}
+
 
+@mixin kendo-split-button--layout() {
+    @include kendo-split-button--layout-base();
 }

package/scss/split-button/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("split-button/theme") {
+@mixin kendo-split-button--theme-base() {
 
     // Split button
     .k-split-button:focus,
@@ -7,3 +7,8 @@
     }
 
 }
+
+
+@mixin kendo-split-button--theme() {
+    @include kendo-split-button--theme-base();
+}

package/scss/split-button/_variables.scss

@@ -1,31 +1,31 @@
 // Split-button
 
-/// Focus shadow of the split button.
+/// The focus shadow of the SplitButton.
 /// @group split-button
 $kendo-split-button-focus-shadow: $kendo-button-focus-shadow !default;
 
-/// Horizontal padding of the arrow button.
+/// The horizontal padding of the arrow Button.
 /// @group split-button
 $kendo-split-button-arrow-padding-x: $kendo-button-padding-y !default;
-/// Horizontal padding of the small arrow button.
+/// The horizontal padding of the small arrow Button.
 /// @group split-button
 $kendo-split-button-sm-arrow-padding-x: $kendo-button-sm-padding-y !default;
-/// Horizontal padding of the medium arrow button.
+/// The horizontal padding of the medium arrow Button.
 /// @group split-button
 $kendo-split-button-md-arrow-padding-x: $kendo-button-md-padding-y !default;
-/// Horizontal padding of the large arrow button.
+/// The horizontal padding of the large arrow Button.
 /// @group split-button
 $kendo-split-button-lg-arrow-padding-x: $kendo-button-lg-padding-y !default;
 
-/// Vertical padding of the arrow button.
+/// The vertical padding of the arrow Button.
 /// @group split-button
 $kendo-split-button-arrow-padding-y: $kendo-button-padding-y !default;
-/// Vertical padding of the small arrow button.
+/// The vertical padding of the small arrow Button.
 /// @group split-button
 $kendo-split-button-sm-arrow-padding-y: $kendo-button-sm-padding-y !default;
-/// Vertical padding of the medium arrow button.
+/// The vertical padding of the medium arrow Button.
 /// @group split-button
 $kendo-split-button-md-arrow-padding-y: $kendo-button-md-padding-y !default;
-/// Vertical padding of the large arrow button.
+/// The vertical padding of the large arrow Button.
 /// @group split-button
 $kendo-split-button-lg-arrow-padding-y: $kendo-button-lg-padding-y !default;

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

package/scss/splitter/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("splitter/layout") {
+@mixin kendo-splitter--layout-base() {
 
     // Base
     .k-splitter {
@@ -198,4 +198,10 @@
             flex-direction: column;
         }
     }
+
+}
+
+
+@mixin kendo-splitter--layout() {
+    @include kendo-splitter--layout-base();
 }

package/scss/splitter/_theme.scss

@@ -1,5 +1,6 @@
-@include exports("splitter/theme") {
+@mixin kendo-splitter--theme-base() {
 
+    // Splitter
     .k-splitter {
         @include fill(
             $kendo-splitter-text,
@@ -32,3 +33,8 @@
     }
 
 }
+
+
+@mixin kendo-splitter--theme() {
+    @include kendo-splitter--theme-base();
+}

package/scss/spreadsheet/_index.scss

@@ -46,6 +46,23 @@ $_kendo-module-meta: (
 
 // Component
 @import "./_variables.scss";
-@import "./images/image-default.scss";
 @import "./_layout.scss";
 @import "./_theme.scss";
+
+
+// Register
+@import "../core/module-system/index.import.scss";
+@include module-register( $_kendo-module-meta... );
+
+
+// Expose
+@mixin kendo-spreadsheet--styles() {
+    @include module-render( "spreadsheet" ) {
+        @include kendo-spreadsheet--layout();
+        @include kendo-spreadsheet--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-spreadsheet--styles();
+}

package/scss/spreadsheet/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("spreadsheet/layout") {
+@mixin kendo-spreadsheet--layout-base() {
 
     // Spreadsheet
     .k-spreadsheet {
@@ -454,14 +454,11 @@
         box-sizing: border-box;
         position: absolute;
     }
-    .k-spreadsheet .k-selection-wrapper .k-spreadsheet-editor-button {
+    .k-spreadsheet .k-spreadsheet-editor-button {
         position: absolute;
         padding: 0;
         z-index: 60;
     }
-    .k-spreadsheet .k-selection-wrapper .k-spreadsheet-editor-button.k-spreadsheet-last-column {
-        transform: translateX(-100%);
-    }
 
     .k-spreadsheet-active-cell {
         // sass-lint:disable-block no-important
@@ -549,12 +546,9 @@
         left: 0;
         right: auto;
     }
-}
-
-
 
-@include exports( "spreadsheet/filter/layout" ) {
 
+    // Spreadsheet filter
     $kendo-filter-menu-padding-left: calc( #{$kendo-icon-size} + #{2 * $kendo-padding-md-y} );
 
     // Filter button
@@ -661,13 +655,9 @@
         }
     }
 
-}
-
-
 
 
-@include exports( "spreadsheet/tools/layout" ) {
-
+    // Spreadsheet toolbar
     .k-spreadsheet-popup {
         padding: 0;
 
@@ -703,13 +693,8 @@
     .k-spreadsheet-sample {
         opacity: .7;
     }
-}
-
 
 
-
-@include exports( "spreadsheet/clipboard/layout" ) {
-
     .k-spreadsheet-clipboard,
     .k-spreadsheet-clipboard-paste {
         margin: 0;
@@ -724,13 +709,9 @@
         overflow: hidden;
     }
 
-}
-
-
 
 
-@include exports( "spreadsheet/window/layout" ) {
-
+    // Spreadsheet window
     .k-spreadsheet-window {}
     .k-spreadsheet-window .k-edit-form-container {
         width: auto;
@@ -842,13 +823,9 @@
         }
     }
 
-}
-
-
-
 
-@include exports("spreadsheet/layout/images") {
 
+    // Spreadsheet drawing
     .k-spreadsheet-drawing {
         position: absolute;
         box-sizing: border-box;
@@ -902,12 +879,9 @@
         }
     }
 
-}
-
-
 
 
-@include exports("spreadsheet/layout/rtl") {
+    // RTL
     .k-rtl .k-spreadsheet,
     .k-spreadsheet[dir="rtl"] {
 
@@ -924,3 +898,8 @@
     }
 
 }
+
+
+@mixin kendo-spreadsheet--layout() {
+    @include kendo-spreadsheet--layout-base();
+}

package/scss/spreadsheet/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("sreadsheet/theme") {
+@mixin kendo-spreadsheet--theme-base() {
 
     // Spreadsheet
     .k-spreadsheet {
@@ -115,13 +115,8 @@
         border-color: $kendo-color-error transparent transparent $kendo-color-error;
     }
 
-}
-
-
 
 
-@include exports( "spreadsheet/filter/theme" ) {
-
     // Filter button
     .k-spreadsheet .k-filter-range {
         border-color: $kendo-color-primary;
@@ -179,12 +174,7 @@
         }
     }
 
-}
-
-
-
 
-@include exports( "spreadsheet/tools/theme" ) {
 
     .k-spreadsheet-popup {
 
@@ -209,13 +199,8 @@
 
     }
 
-}
-
 
 
-
-@include exports( "spreadsheet/drawing/theme" ) {
-
     .k-spreadsheet-insert-image-dialog {
         border-color: $kendo-spreadsheet-insert-image-dialog-preview-border;
 
@@ -247,13 +232,8 @@
         background: $kendo-spreadsheet-drawing-anchor-bg;
     }
 
-}
-
-
 
 
-@include exports("spreadsheet/rtl/theme") {
-
     .k-rtl .k-spreadsheet,
     .k-spreadsheet[dir="rtl"],
     [dir="rtl"] .k-spreadsheet {
@@ -269,3 +249,9 @@
     }
 
 }
+
+
+
+@mixin kendo-spreadsheet--theme() {
+    @include kendo-spreadsheet--theme-base();
+}

package/scss/spreadsheet/_variables.scss

@@ -1,3 +1,6 @@
+@import "./images/image-default.scss";
+
+
 // Spreadsheet
 $kendo-spreadsheet-border-width: 1px !default;
 $kendo-spreadsheet-font-family: $kendo-font-family !default;

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

package/scss/stepper/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("stepper/layout") {
+@mixin kendo-stepper--layout-base() {
 
     // Base
     .k-stepper {
@@ -244,11 +244,9 @@
             padding-inline: $kendo-stepper-inline-content-padding-y;
         }
     }
-}
-
 
-@include exports("stepper/layout/rtl") {
 
+    // Stepper rtl
     .k-rtl .k-stepper,
     .k-stepper[dir="rtl"] {
         direction: rtl;
@@ -276,4 +274,10 @@
             }
         }
     }
+
+}
+
+
+@mixin kendo-stepper--layout() {
+    @include kendo-stepper--layout-base();
 }

package/scss/stepper/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("stepper/theme") {
+@mixin kendo-stepper--theme-base() {
 
     // Base
     .k-stepper {
@@ -201,3 +201,8 @@
     }
 
 }
+
+
+@mixin kendo-stepper--theme() {
+    @include kendo-stepper--theme-base();
+}

package/scss/switch/_index.scss

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

package/scss/switch/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("switch/layout") {
+@mixin kendo-switch--layout-base() {
 
     .k-switch {
         box-sizing: border-box;
@@ -152,3 +152,8 @@
     }
 
 }
+
+
+@mixin kendo-switch--layout() {
+    @include kendo-switch--layout-base();
+}

package/scss/switch/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("switch/theme") {
+@mixin kendo-switch--theme-base() {
 
     // Switch
     .k-switch {}
@@ -164,3 +164,8 @@
     }
 
 }
+
+
+@mixin kendo-switch--theme() {
+    @include kendo-switch--theme-base();
+}