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

package/scss/fab/_theme.scss

@@ -1,10 +1,10 @@
-@include exports( "fab/theme" ) {
+@mixin kendo-fab--theme-base() {
 
     // Normal state
     @each $name, $color in $kendo-fab-theme-colors {
         .k-fab-solid-#{$name} {
             @include box-shadow($kendo-fab-shadow);
-            outline: $kendo-fab-border-width solid $color;
+            outline: $kendo-fab-border-width $kendo-fab-outline-style $color;
             outline-offset: -$kendo-fab-border-width;
             border-color: $color;
             color: k-contrast-legacy( $color );
@@ -28,9 +28,7 @@
             @if $kendo-enable-focus-contrast {
                 @include box-shadow( inset 0 0 0 2px currentColor );
             } @else {
-                outline-style: solid;
-                outline-width: 2px;
-                outline-color: rgba( $color, .3 );
+                outline: $kendo-fab-outline-style $kendo-fab-outline-width rgba( $color, .3 );
             }
         }
     }
@@ -74,7 +72,7 @@
             $kendo-fab-item-icon-border
         );
         @include box-shadow($kendo-fab-item-shadow);
-        outline: $kendo-fab-border-width solid rgba(0, 0, 0, .08);
+        outline: $kendo-fab-border-width $kendo-fab-item-outline-style $kendo-fab-item-outline-color;
         outline-offset: -$kendo-fab-border-width;
     }
 
@@ -93,9 +91,7 @@
         @if $kendo-enable-focus-contrast {
             @include box-shadow( inset 0 0 0 2px if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) );
         } @else {
-            outline-style: solid;
-            outline-width: 2px;
-            outline-color: rgba(0, 0, 0, .08);
+            outline: $kendo-fab-item-outline-style $kendo-fab-item-outline-width $kendo-fab-item-outline-color;
         }
     }
 
@@ -126,3 +122,8 @@
     }
 
 }
+
+
+@mixin kendo-fab--theme() {
+    @include kendo-fab--theme-base();
+}

package/scss/fab/_variables.scss

@@ -90,6 +90,23 @@ $kendo-fab-item-icon-height: $kendo-fab-item-icon-width !default;
 /// @group floating-action-button
 $kendo-fab-theme-colors: $kendo-theme-colors !default;
 
+/// Size map for the FAB.
+/// @group floating-action-button
+$kendo-fab-sizes: (
+    sm: (
+        padding-x: $kendo-fab-sm-padding-x,
+        padding-y: $kendo-fab-sm-padding-y
+    ),
+    md: (
+        padding-x: $kendo-fab-md-padding-x,
+        padding-y: $kendo-fab-md-padding-y
+    ),
+    lg: (
+        padding-x: $kendo-fab-lg-padding-x,
+        padding-y: $kendo-fab-lg-padding-y
+    )
+) !default;
+
 /// The base shadow of the FAB.
 /// @group floating-action-button
 $kendo-fab-shadow: 0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12), 0 3px 5px rgba(0, 0, 0, .2) !default;
@@ -99,6 +116,12 @@ $kendo-fab-disabled-shadow: 0 6px 10px k-try-tint( rgba(0, 0, 0, .14), .5 ), 0 1
 /// The active shadow of the FAB.
 /// @group floating-action-button
 $kendo-fab-active-shadow: null !default;
+/// The outline style of the FAB.
+/// @group floating-action-button
+$kendo-fab-outline-style: solid !default;
+/// The outline width of the FAB.
+/// @group floating-action-button
+$kendo-fab-outline-width: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
 
 /// The base text color of the FAB item.
 /// @group floating-action-button
@@ -129,3 +152,12 @@ $kendo-fab-item-disabled-shadow: $kendo-fab-disabled-shadow !default;
 /// The active shadow of the FAB item.
 /// @group floating-action-button
 $kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
+/// The outline style of the FAB item.
+/// @group floating-action-button
+$kendo-fab-item-outline-style: solid !default;
+/// The outline width of the FAB item.
+/// @group floating-action-button
+$kendo-fab-item-outline-width: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+/// The outline color of the FAB item.
+/// @group floating-action-button
+$kendo-fab-item-outline-color: rgba(0, 0, 0, .08) !default;

package/scss/filemanager/_index.scss

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

package/scss/filemanager/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "filemanager/layout" ) {
+@mixin kendo-file-manager--layout-base() {
 
     // File Manager
     .k-filemanager {
@@ -238,3 +238,8 @@
     }
 
 }
+
+
+@mixin kendo-file-manager--layout() {
+    @include kendo-file-manager--layout-base();
+}

package/scss/filemanager/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "filemanager/theme") {
+@mixin kendo-file-manager--theme-base() {
 
     // Filemanager
     .k-filemanager {
@@ -107,3 +107,8 @@
     }
 
 }
+
+
+@mixin kendo-file-manager--theme() {
+    @include kendo-file-manager--theme-base();
+}

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

package/scss/filter/_layout.scss

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

package/scss/filter/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("filter/theme") {
+@mixin kendo-filter--theme-base() {
 
     .k-filter {
         color: $kendo-component-text;
@@ -27,3 +27,8 @@
     }
 
 }
+
+
+@mixin kendo-filter--theme() {
+    @include kendo-filter--theme-base();
+}

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

package/scss/floating-label/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "floating-label/layout" ) {
+@mixin kendo-floating-label--layout-base() {
 
 
     // Floating label
@@ -91,3 +91,8 @@
     }
 
 }
+
+
+@mixin kendo-floating-label--layout() {
+    @include kendo-floating-label--layout-base();
+}

package/scss/floating-label/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "floating-label/theme" ) {
+@mixin kendo-floating-label--theme-base() {
 
     // Floating label
     .k-floating-label-container {
@@ -20,3 +20,8 @@
     }
 
 }
+
+
+@mixin kendo-floating-label--theme() {
+    @include kendo-floating-label--theme-base();
+}

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

package/scss/forms/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("forms/layout") {
+@mixin kendo-form--layout-base() {
 
     // Common
     .k-form,
@@ -320,9 +320,8 @@
         }
     }
 
-}
 
-@include exports("edit-form/layout") {
+
 
     // Edit form
     .k-edit-form-container {
@@ -391,3 +390,8 @@
     }
 
 }
+
+
+@mixin kendo-form--layout() {
+    @include kendo-form--layout-base();
+}

package/scss/forms/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "forms/theme" ) {
+@mixin kendo-form--theme-base() {
 
     .k-form,
     .k-form-inline {
@@ -34,3 +34,8 @@
     }
 
 }
+
+
+@mixin kendo-form--theme() {
+    @include kendo-form--theme-base();
+}

package/scss/gantt/_index.scss

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

package/scss/gantt/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("gantt/layout") {
+@mixin kendo-gantt--layout-base() {
 
     $row-height: #{$kendo-line-height-em} + #{2 * $kendo-table-md-cell-padding-y} + #{$kendo-grid-cell-horizontal-border-width};
 
@@ -246,7 +246,7 @@
     }
 
 
-    // Gant content
+    // Gantt content
     .k-gantt-content {
         display: flex;
         flex-flow: row nowrap;
@@ -761,10 +761,11 @@
         overflow: hidden;
         text-overflow: ellipsis;
     }
-}
 
-@include exports("gantt/export") {
 
+
+
+    // Gantt export
     .k-pdf-export-shadow {
         .k-gantt {
             float: left;
@@ -787,12 +788,9 @@
         }
     }
 
-}
-
-
-@include exports("gantt-edit-form/layout") {
 
 
+    // Gantt edit form
     .k-gantt-edit-form {}
 
     .k-gantt-edit-form .k-gantt-update {}
@@ -801,11 +799,10 @@
         float: left;
     }
 
-}
 
 
-@include exports("gantt/rtl") {
 
+    // Gantt RTL
     .k-rtl,
     [dir="rtl"] {
 
@@ -889,4 +886,10 @@
             right: 0;
         }
     }
+
+}
+
+
+@mixin kendo-gantt--layout() {
+    @include kendo-gantt--layout-base();
 }

package/scss/gantt/_theme.scss

@@ -1,5 +1,6 @@
-@include exports("gantt/theme") {
+@mixin kendo-gantt--theme-base() {
 
+    // Gantt
     .k-gantt {
         @include fill(
             $kendo-gantt-text,
@@ -271,4 +272,10 @@
             background-color: $kendo-gantt-validation-tooltip-invalid-border;
         }
     }
+
+}
+
+
+@mixin kendo-gantt--theme() {
+    @include kendo-gantt--theme-base();
 }

package/scss/grid/_index.scss

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

package/scss/grid/_layout.scss

@@ -1,5 +1,6 @@
-@include exports("grid/layout") {
+@mixin kendo-grid--layout-base() {
 
+    // Grid
     .k-grid {
         border-width: $kendo-grid-border-width;
         border-style: solid;
@@ -496,6 +497,15 @@
         cursor: col-resize;
     }
 
+    .k-row-resizer {
+        width: 100%;
+        height: 2px;
+        display: block;
+        position: absolute;
+        bottom: 0;
+        cursor: row-resize;
+    }
+
     .k-grid-footer {
         border-top-width: 1px;
 
@@ -1008,9 +1018,8 @@
         }
 
     }
-}
 
-@include exports( "grid/pdf-export" ) {
+
     // PDF export
     .k-loading-pdf-mask {
         position: absolute;
@@ -1081,9 +1090,7 @@
             padding: 0 !important; // sass-lint:disable-line no-important
         }
     }
-}
 
-@include exports( "filtermenu/layout" ) {
 
     // Filter menu
     .k-filter-menu-popup {
@@ -1178,9 +1185,7 @@
         }
     }
 
-}
 
-@include exports("columnmenu/layout") {
 
     // Column menu
     .k-column-menu-popup,
@@ -1292,3 +1297,8 @@
     }
 
 }
+
+
+@mixin kendo-grid--layout() {
+    @include kendo-grid--layout-base();
+}

package/scss/grid/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("grid/theme") {
+@mixin kendo-grid--theme-base() {
 
     .k-grid-header,
     .k-grid-header-wrap,
@@ -476,4 +476,18 @@
         border-color: $kendo-grid-border;
     }
 
+    // Row resizing
+    .k-row-resizer {
+        @include fill( $bg: $kendo-grid-row-resizer-bg );
+
+        &.k-active {
+            @include fill( $bg: $kendo-grid-row-resizer-active-bg );
+        }
+    }
+
+}
+
+
+@mixin kendo-grid--theme() {
+    @include kendo-grid--theme-base();
 }

package/scss/grid/_variables.scss

@@ -268,3 +268,10 @@ $kendo-grid-hierarchy-col-width: ($kendo-icon-size * 2) !default;
 $kendo-grid-grouping-row-border-top: 1px !default;
 $kendo-grid-group-footer-border-y: 1px !default;
 $kendo-grid-group-footer-second-cell-border: 1px !default;
+
+/// Background color of the grid row resize indicator
+/// @group grid
+$kendo-grid-row-resizer-bg: rgba( k-contrast-color( $kendo-grid-bg ), .12 ) !default;
+/// Active background color of the grid row resize indicator
+/// @group grid
+$kendo-grid-row-resizer-active-bg: $kendo-color-primary !default;

package/scss/icons/_index.scss

@@ -9,10 +9,25 @@ $_kendo-module-meta: (
 );
 
 
-// Dependencies
-@import "../common/_index.scss";
-
-
 // Component
+@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-icon--styles() {
+    @include module-render( "icon" ) {
+        @include kendo-icon--layout();
+        @include kendo-icon--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-icon--styles();
+}

package/scss/icons/_layout.scss

@@ -3,7 +3,7 @@ $ki-icon-size: $kendo-icon-size;
 
 @import "@progress/kendo-font-icons/scss/index.scss";
 
-@include exports( "icons/layout" ) {
+@mixin kendo-icon--layout-base() {
 
     @include kendo-icon-styles();
 
@@ -81,3 +81,8 @@ $ki-icon-size: $kendo-icon-size;
         display: inline-block;
     }
 }
+
+
+@mixin kendo-icon--layout() {
+    @include kendo-icon--layout-base();
+}

package/scss/icons/_theme.scss

@@ -0,0 +1,6 @@
+@mixin kendo-icon--theme-base() {}
+
+
+@mixin kendo-icon--theme() {
+    @include kendo-icon--theme-base();
+}

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

package/scss/imageeditor/_layout.scss

@@ -1,4 +1,4 @@
-@include exports("imageeditor/layout") {
+@mixin kendo-image-editor--layout-base() {
 
     // Image Editor
     .k-imageeditor {
@@ -153,3 +153,8 @@
     }
 
 }
+
+
+@mixin kendo-image-editor--layout() {
+    @include kendo-image-editor--layout-base();
+}

package/scss/imageeditor/_theme.scss

@@ -1,4 +1,4 @@
-@include exports("imageeditor/theme") {
+@mixin kendo-image-editor--theme-base() {
 
     // Image Editor
     .k-imageeditor {
@@ -49,3 +49,8 @@
     }
 
 }
+
+
+@mixin kendo-image-editor--theme() {
+    @include kendo-image-editor--theme-base();
+}