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

package/scss/dialog/_theme.scss

@@ -1,27 +1,6 @@
-@include exports( "dialog/theme" ) {
+@import "@progress/kendo-theme-default/scss/dialog/_theme.scss";
 
-    .k-dialog {}
-
-    // Titlebar
-    .k-dialog-titlebar {
-        @include fill(
-            $kendo-dialog-titlebar-text,
-            $kendo-dialog-titlebar-bg,
-            $kendo-dialog-titlebar-border
-        );
-    }
-
-    // Buttons
-    .k-dialog-actions {
-        border-color: $kendo-window-titlebar-border;
-    }
-
-    // Dialog theme colors
-    @each $name, $color in $kendo-dialog-theme-colors {
-        .k-dialog-#{$name} .k-dialog-titlebar {
-            color: k-contrast-legacy( $color );
-            background-color: $color;
-        }
-    }
 
+@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 +1,6 @@
 @import "@progress/kendo-theme-default/scss/draggable/_layout.scss";
+
+
+@mixin kendo-draggable--layout() {
+    @include kendo-draggable--layout-base();
+}

package/scss/draggable/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/draggable/_theme.scss";
+
+
+@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 +1,6 @@
 @import "@progress/kendo-theme-default/scss/drawer/_layout.scss";
+
+
+@mixin kendo-drawer--layout() {
+    @include kendo-drawer--layout-base();
+}

package/scss/drawer/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/drawer/_theme.scss";
+
+
+@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 +1,6 @@
 @import "@progress/kendo-theme-default/scss/dropdowngrid/_layout.scss";
+
+
+@mixin kendo-dropdown-grid--layout() {
+    @include kendo-dropdown-grid--layout-base();
+}

package/scss/dropdowngrid/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/dropdowngrid/_theme.scss";
+
+
+@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 +1,6 @@
 @import "@progress/kendo-theme-default/scss/dropdownlist/_layout.scss";
+
+
+@mixin kendo-dropdown-list--layout() {
+    @include kendo-dropdown-list--layout-base();
+}

package/scss/dropdownlist/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/dropdownlist/_theme.scss";
+
+
+@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 +1,6 @@
 @import "@progress/kendo-theme-default/scss/dropdowntree/_layout.scss";
+
+
+@mixin kendo-dropdown-tree--layout() {
+    @include kendo-dropdown-tree--layout-base();
+}

package/scss/dropdowntree/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/dropdowntree/_theme.scss";
+
+
+@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 +1,6 @@
 @import "@progress/kendo-theme-default/scss/dropzone/_layout.scss";
+
+
+@mixin kendo-dropzone--layout() {
+    @include kendo-dropzone--layout-base();
+}

package/scss/dropzone/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/dropzone/_theme.scss";
+
+
+@mixin kendo-dropzone--theme() {
+    @include kendo-dropzone--theme-base();
+}

package/scss/editor/_index.scss

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

package/scss/editor/_layout.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/editor/_layout.scss";
+
+
+@mixin kendo-editor--layout() {
+    @include kendo-editor--layout-base();
+}

package/scss/editor/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/editor/_theme.scss";
+
+
+@mixin kendo-editor--theme() {
+    @include kendo-editor--theme-base();
+}

package/scss/expansion-panel/_index.scss

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

package/scss/expansion-panel/_layout.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/expansion-panel/_layout.scss";
+
+
+@mixin kendo-expander--layout() {
+    @include kendo-expander--layout-base();
+}

package/scss/expansion-panel/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/expansion-panel/_theme.scss";
+
+
+@mixin kendo-expander--theme() {
+    @include kendo-expander--theme-base();
+}

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

package/scss/fab/_layout.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/fab/_layout.scss";
+
+
+@mixin kendo-fab--layout() {
+    @include kendo-fab--layout-base();
+}

package/scss/fab/_theme.scss

@@ -1,10 +1,13 @@
-@include exports( "fab/theme/bootstrap" ) {
+@import "@progress/kendo-theme-default/scss/fab/_theme.scss";
+
+
+@mixin kendo-fab--theme() {
 
     // 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-color( $color );
@@ -26,8 +29,8 @@
     @each $name, $color in $kendo-fab-theme-colors {
         .k-fab-solid-#{$name}:focus,
         .k-fab-solid-#{$name}.k-focus {
-            outline-style: solid;
-            outline-width: 3px;
+            outline-style: $kendo-fab-outline-style;
+            outline-width: $kendo-fab-outline-width;
             outline-color: rgba( $color, .5 );
         }
     }
@@ -71,7 +74,7 @@
             $kendo-fab-item-icon-border
         );
         @include box-shadow( $kendo-fab-item-shadow );
-        outline: $kendo-fab-border-width solid $kendo-button-bg;
+        outline: $kendo-fab-border-width $kendo-fab-item-outline-style $kendo-fab-item-outline-color;
         outline-offset: -$kendo-fab-border-width;
     }
 
@@ -79,7 +82,7 @@
     .k-fab-item:hover .k-fab-item-icon,
     .k-fab-item.k-hover .k-fab-item-icon {
         @include box-shadow( $kendo-fab-item-shadow );
-        outline: $kendo-fab-border-width solid k-color-darken( $kendo-fab-item-icon-border, 10% );
+        outline: $kendo-fab-border-width $kendo-fab-item-outline-style k-try-darken( $kendo-fab-item-icon-border, 10% );
         outline-offset: -$kendo-fab-border-width;
         border-color: k-color-darken( $kendo-fab-item-icon-border, 10% );
         color: k-contrast-color( k-color-darken( $kendo-fab-item-icon-bg, 7.5% ) );
@@ -91,8 +94,8 @@
     .k-fab-item.k-focus .k-fab-item-text,
     .k-fab-item:focus .k-fab-item-icon,
     .k-fab-item.k-focus .k-fab-item-icon {
-        outline-style: solid;
-        outline-width: 3px;
+        outline-style: $kendo-fab-item-outline-style;
+        outline-width: $kendo-fab-item-outline-width;
         outline-color: rgba( $kendo-fab-item-icon-border, .5 );
     }
 

package/scss/fab/_variables.scss

@@ -89,6 +89,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: 0px 6px 10px rgba( black, .14 ), 0px 1px 18px rgba( black, .12 ), 0px 3px 5px rgba( black, .2 ) !default;
@@ -98,6 +115,12 @@ $kendo-fab-disabled-shadow: 0px 6px 10px k-try-tint( rgba( black, .14 ), .5 ), 0
 /// 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: 3px !default;
 
 /// The base text color of the FAB item.
 /// @group floating-action-button
@@ -128,3 +151,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: 3px !default;
+/// The outline color of the FAB item.
+/// @group floating-action-button
+$kendo-fab-item-outline-color: $kendo-button-bg !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 +1,6 @@
 @import "@progress/kendo-theme-default/scss/filemanager/_layout.scss";
+
+
+@mixin kendo-file-manager--layout() {
+    @include kendo-file-manager--layout-base();
+}

package/scss/filemanager/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/filemanager/_theme.scss";
+
+
+@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 +1,6 @@
 @import "@progress/kendo-theme-default/scss/filter/_layout.scss";
+
+
+@mixin kendo-filter--layout() {
+    @include kendo-filter--layout-base();
+}

package/scss/filter/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/filter/_theme.scss";
+
+
+@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 +1,6 @@
 @import "@progress/kendo-theme-default/scss/floating-label/_layout.scss";
+
+
+@mixin kendo-floating-label--layout() {
+    @include kendo-floating-label--layout-base();
+}

package/scss/floating-label/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/floating-label/_theme.scss";
+
+
+@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,6 +1,8 @@
 @import "@progress/kendo-theme-default/scss/forms/_layout.scss";
 
-@include exports( "forms/layout/bootstrap" ) {
+@mixin kendo-form--layout() {
+
+    @include kendo-form--layout-base();
 
     // Forms
     .k-form,
@@ -41,10 +43,6 @@
         }
     }
 
-}
-
-@include exports( "edit-form/layout/bootstrap" ) {
-
     .k-edit-label {
         padding: calc( #{$kendo-padding-md-y} - #{$kendo-input-border-width} ) 0;
     }

package/scss/forms/_theme.scss

@@ -1 +1,6 @@
 @import "@progress/kendo-theme-default/scss/forms/_theme.scss";
+
+
+@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();
+}