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

package/scss/index.scss

@@ -158,3 +158,172 @@
 @import "./map/_index.scss";
 @import "./orgchart/_index.scss";
 @import "./signature/_index.scss";
+
+
+// Configuration
+@mixin kendo-theme--config( $config: null ) {
+}
+
+
+// Styles
+@mixin kendo-theme--styles() {
+    // Core
+    @include kendo-core--styles();
+
+    // Color system
+
+    // Typography and utils
+    @include kendo-typography--styles();
+    @include kendo-utils--styles();
+
+
+    // Generic content
+    @include kendo-icon--styles();
+    @include kendo-messagebox--styles();
+
+
+    // Primitive components
+    @include kendo-actions--styles();
+    @include kendo-list--styles();
+    @include kendo-listgroup--styles();
+    @include kendo-overlay--styles();
+    @include kendo-popup--styles();
+    @include kendo-ripple--styles();
+    @include kendo-table--styles();
+    @include kendo-virtual-scroller--styles();
+
+
+    // Indicators
+    @include kendo-avatar--styles();
+    @include kendo-badge--styles();
+    @include kendo-chip--styles();
+    @include kendo-color-preview--styles();
+    @include kendo-loader--styles();
+    @include kendo-skeleton--styles();
+    @include kendo-tooltip--styles();
+
+
+    // Form helpers
+    @include kendo-form--styles();
+    @include kendo-validator--styles();
+    @include kendo-floating-label--styles();
+
+
+    // Native forms
+    @include kendo-button--styles();
+    @include kendo-split-button--styles();
+    @include kendo-menu-button--styles();
+    @include kendo-input--styles();
+    @include kendo-textbox--styles();
+    @include kendo-textarea--styles();
+    @include kendo-checkbox--styles();
+    @include kendo-listbox--styles();
+    @include kendo-progressbar--styles();
+    @include kendo-radio--styles();
+    @include kendo-slider--styles();
+
+
+    // Form requirements
+    @include kendo-calendar--styles();
+    @include kendo-time-selector--styles();
+
+
+    // Augmented forms
+    @include kendo-autocomplete--styles();
+    @include kendo-captcha--styles();
+    @include kendo-color-palette--styles();
+    @include kendo-color-gradient--styles();
+    @include kendo-color-editor--styles();
+    @include kendo-color-picker--styles();
+    @include kendo-combobox--styles();
+    @include kendo-date-input--styles();
+    @include kendo-date-picker--styles();
+    @include kendo-time-picker--styles();
+    @include kendo-time-duration-picker--styles();
+    @include kendo-date-time-picker--styles();
+    @include kendo-date-range-picker--styles();
+    @include kendo-dropdown-grid--styles();
+    @include kendo-dropdown-list--styles();
+    @include kendo-dropdown-tree--styles();
+    @include kendo-masked-textbox--styles();
+    @include kendo-multiselect--styles();
+    @include kendo-numeric-textbox--styles();
+    @include kendo-rating--styles();
+    @include kendo-searchbox--styles();
+    @include kendo-switch--styles();
+    @include kendo-upload--styles();
+    @include kendo-dropzone--styles();
+
+
+    // Command interfaces
+    @include kendo-appbar--styles();
+    @include kendo-fab--styles();
+    @include kendo-menu--styles();
+    @include kendo-toolbar--styles();
+
+
+    // Popups and modals
+    @include kendo-window--styles();
+    @include kendo-action-sheet--styles();
+    @include kendo-dialog--styles();
+    @include kendo-drawer--styles();
+    @include kendo-notification--styles();
+    @include kendo-popover--styles();
+    @include kendo-responsive-panel--styles();
+
+
+    // Navigation
+    @include kendo-bottom-navigation--styles();
+    @include kendo-breadcrumb--styles();
+    @include kendo-pager--styles();
+    @include kendo-stepper--styles();
+    @include kendo-tabstrip--styles();
+    @include kendo-treeview--styles();
+    @include kendo-wizard--styles();
+
+
+    // Layout & containers
+    @include kendo-card--styles();
+    @include kendo-expander--styles();
+    @include kendo-panelbar--styles();
+    @include kendo-splitter--styles();
+    @include kendo-tile-layout--styles();
+
+
+    // Data management
+    @include kendo-grid--styles();
+    @include kendo-listview--styles();
+    @include kendo-spreadsheet--styles();
+    @include kendo-pivotgrid--styles();
+    @include kendo-treelist--styles();
+    @include kendo-filter--styles();
+    @include kendo-file-manager--styles();
+    @include kendo-task-board--styles();
+
+
+    // Editors
+    @include kendo-editor--styles();
+    @include kendo-image-editor--styles();
+
+
+    // Scheduling
+    @include kendo-gantt--styles();
+    @include kendo-scheduler--styles();
+
+
+    // Misc
+    @include kendo-adaptive--styles();
+    @include kendo-chat--styles();
+    @include kendo-media-player--styles();
+    @include kendo-timeline--styles();
+    @include kendo-pdf-viewer--styles();
+    @include kendo-scroller--styles();
+    @include kendo-scrollview--styles();
+
+
+    // Dataviz
+    @include kendo-dataviz--styles();
+    @include kendo-map--styles();
+    @include kendo-orgchart--styles();
+    @include kendo-signature--styles();
+}

package/scss/input/_index.scss

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

package/scss/input/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "input/layout" ) {
+@mixin kendo-input--layout-base() {
 
     // Generic input
     .k-input,
@@ -466,12 +466,7 @@
     }
 
 
-}
-
-
-
 
-@include exports("input/layout/autofill-fix") {
 
     // This is needed for the textbox container to capture browser autofill
     @keyframes autoFillStart {
@@ -500,3 +495,8 @@
     }
 
 }
+
+
+@mixin kendo-input--layout() {
+    @include kendo-input--layout-base();
+}

package/scss/input/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "input/theme" ) {
+@mixin kendo-input--theme-base() {
 
     // Solid input
     .k-input-solid {
@@ -469,3 +469,8 @@
     }
 
 }
+
+
+@mixin kendo-input--theme() {
+    @include kendo-input--theme-base();
+}

package/scss/list/_index.scss

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

package/scss/list/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "list/layout" ) {
+@mixin kendo-list--layout-base() {
 
     // List container
     .k-list-container {
@@ -255,3 +255,8 @@
     }
 
 }
+
+
+@mixin kendo-list--layout() {
+    @include kendo-list--layout-base();
+}

package/scss/list/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "list/theme" ) {
+@mixin kendo-list--theme-base() {
 
     // List
     .k-list {
@@ -89,3 +89,8 @@
     }
 
 }
+
+
+@mixin kendo-list--theme() {
+    @include kendo-list--theme-base();
+}

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

package/scss/listbox/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "listbox/layout" ) {
+@mixin kendo-listbox--layout-base() {
 
     .k-listbox {
         width: $kendo-listbox-width;
@@ -90,3 +90,8 @@
     }
 
 }
+
+
+@mixin kendo-listbox--layout() {
+    @include kendo-listbox--layout-base();
+}

package/scss/listbox/_theme.scss

@@ -1,5 +1,6 @@
-@include exports("listbox/theme") {
+@mixin kendo-listbox--theme-base() {
 
+    // Listbox
     .k-listbox {
         .k-list-scroller {
             @include fill(
@@ -14,3 +15,8 @@
     }
 
 }
+
+
+@mixin kendo-listbox--theme() {
+    @include kendo-listbox--theme-base();
+}

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

package/scss/listgroup/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "listgroup/layout" ) {
+@mixin kendo-listgroup--layout-base() {
 
     .k-listgroup {
         @include border-radius( $kendo-listgroup-border-radius );
@@ -144,11 +144,6 @@
         margin: 0;
     }
 
-}
-
-
-
-@include exports( "listgroup/layout/rtl" ) {
 
     [dir="rtl"] {
 
@@ -188,13 +183,8 @@
         }
     }
 
-}
-
-
-
-
-@include exports( "listgroup/layout/noflexbox" ) {
 
+    // No flexbox fix
     .k-noflexbox {
         .k-listgroup,
         .k-listgroup > ul
@@ -205,3 +195,8 @@
     }
 
 }
+
+
+@mixin kendo-listgroup--layout() {
+    @include kendo-listgroup--layout-base();
+}

package/scss/listgroup/_theme.scss

@@ -1,5 +1,6 @@
-@include exports( "listgroup/theme" ) {
+@mixin kendo-listgroup--theme-base() {
 
+    // Listgroup
     .k-listgroup {
         @include fill(
             $kendo-listgroup-text,
@@ -9,3 +10,8 @@
     }
 
 }
+
+
+@mixin kendo-listgroup--theme() {
+    @include kendo-listgroup--theme-base();
+}

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

package/scss/listview/_layout.scss

@@ -1,5 +1,6 @@
-@include exports( "listview/layout" ) {
+@mixin kendo-listview--layout-base() {
 
+    // Listview
     .k-listview {
         margin: 0;
         padding: 0;
@@ -135,3 +136,8 @@
     }
 
 }
+
+
+@mixin kendo-listview--layout() {
+    @include kendo-listview--layout-base();
+}

package/scss/listview/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "listview/theme" ) {
+@mixin kendo-listview--theme-base() {
 
     // Listview
     .k-listview {
@@ -38,3 +38,8 @@
     }
 
 }
+
+
+@mixin kendo-listview--theme() {
+    @include kendo-listview--theme-base();
+}

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

package/scss/loader/_layout.scss

@@ -1,4 +1,4 @@
-@include exports( "loader/layout" ) {
+@mixin kendo-loader--layout-base() {
 
     .k-loader {
         position: relative;
@@ -49,14 +49,10 @@
         }
     }
 
-}
-
-
 
 
-@include exports( "loader/pulsing/2" ) {
 
-    // Animation
+    // Loader pulsing 2
     @keyframes pulsing-2-segment {
         0% { transform: scale(1); }
         50% { transform: scale(1.5); }
@@ -106,14 +102,10 @@
         }
     }
 
-}
-
 
 
 
-@include exports( "loader/spinner/3" ) {
-
-    // Animation
+    // Loader spinner 3
     @keyframes spinner-3-segment {
         0% {
             top: 0;
@@ -192,14 +184,10 @@
         }
     }
 
-}
-
-
 
 
-@include exports( "loader/spinner/4" ) {
 
-    // Animation
+    // Loader spinner 4
     @keyframes spinner-4-segment-1 {
         0% {
             top: 50%;
@@ -366,13 +354,11 @@
             }
         }
     }
-}
-
 
 
 
-@include exports( "loader-container/layout" ) {
 
+    // Loader container
     .k-loader-container {
         display: flex;
         align-items: center;
@@ -458,13 +444,9 @@
         }
     }
 
-}
-
 
 
 
-@include exports( "loader/from-common" ) {
-
     // Loading mask
     .k-loading-mask,
     .k-loading-image,
@@ -599,3 +581,8 @@
     }
 
 }
+
+
+@mixin kendo-loader--layout() {
+    @include kendo-loader--layout-base();
+}

package/scss/loader/_theme.scss

@@ -1,4 +1,4 @@
-@include exports( "loader/theme" ) {
+@mixin kendo-loader--theme-base() {
 
     @each $name, $color in $kendo-theme-colors {
         .k-loader-#{$name} {
@@ -25,3 +25,8 @@
     }
 
 }
+
+
+@mixin kendo-loader--theme() {
+    @include kendo-loader--theme-base();
+}

package/scss/map/_index.scss

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

package/scss/map/_layout.scss

@@ -1,6 +1,6 @@
-@include exports("map/layout") {
+@mixin kendo-map--layout-base() {
 
-    // Layout
+    // Map
     .k-map {
         height: 600px;
         box-sizing: border-box;
@@ -132,3 +132,8 @@
     }
 
 }
+
+
+@mixin kendo-map--layout() {
+    @include kendo-map--layout-base();
+}

package/scss/map/_theme.scss

@@ -1,5 +1,6 @@
-@include exports("map/theme") {
+@mixin kendo-map--theme-base() {
 
+    // Map theme
     .k-map {
         @include fill(
             $kendo-map-text,
@@ -27,3 +28,8 @@
     }
 
 }
+
+
+@mixin kendo-map--theme() {
+    @include kendo-map--theme-base();
+}

package/scss/map/_variables.scss

@@ -1,3 +1,6 @@
+@import "./images/markers.scss";
+
+
 // Map
 $kendo-map-border-width: 0px !default;