@progress/kendo-theme-material 6.2.1-dev.0 → 6.2.1-dev.151

package/scss/multiselect/_index.scss

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

package/scss/multiselect/_layout.scss

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

package/scss/multiselect/_theme.scss

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

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

package/scss/notification/_layout.scss

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

package/scss/notification/_theme.scss

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

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

package/scss/numerictextbox/_layout.scss

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

package/scss/numerictextbox/_theme.scss

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

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

package/scss/orgchart/_layout.scss

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

package/scss/orgchart/_theme.scss

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

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

package/scss/overlay/_layout.scss

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

package/scss/overlay/_theme.scss

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

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

package/scss/pager/_layout.scss

@@ -1,7 +1,11 @@
 @import "@progress/kendo-theme-default/scss/pager/_layout.scss";
 
-@include exports("pager/layout/material") {
 
+@mixin kendo-pager--layout() {
+
+    @include kendo-pager--layout-base();
+
+    // Pager
     .k-pager {
 
         .k-pager-numbers-wrap {

package/scss/pager/_theme.scss

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

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

package/scss/panelbar/_layout.scss

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

package/scss/panelbar/_theme.scss

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

package/scss/pdf-viewer/_index.scss

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

package/scss/pdf-viewer/_layout.scss

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

package/scss/pdf-viewer/_theme.scss

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

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

package/scss/pivotgrid/_layout.scss

@@ -1,6 +1,9 @@
 @import "@progress/kendo-theme-default/scss/pivotgrid/_layout.scss";
 
-@include exports ("pivotgrid/layout/material/legacy") {
+
+@mixin kendo-pivotgrid--layout() {
+
+    @include kendo-pivotgrid--layout-base();
 
     .k-pivot-rowheaders .k-grid tr .k-grid-footer {
         border-bottom-width: 0;

package/scss/pivotgrid/_theme.scss

@@ -1,6 +1,9 @@
 @import "@progress/kendo-theme-default/scss/pivotgrid/_theme.scss";
 
-@include exports("pivotgrid/theme/material") {
+
+@mixin kendo-pivotgrid--theme() {
+
+    @include kendo-pivotgrid--theme-base();
 
     // Hover and Focus state have the same bg color
     .k-pivotgrid-cell:focus,

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

package/scss/popover/_layout.scss

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

package/scss/popover/_theme.scss

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

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

package/scss/popup/_layout.scss

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

package/scss/popup/_theme.scss

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

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

package/scss/progressbar/_layout.scss

@@ -1,6 +1,10 @@
 @import "@progress/kendo-theme-default/scss/progressbar/_layout.scss";
 
-@include exports("progressbar/layout/material") {
+
+@mixin kendo-progressbar--layout() {
+
+    @include kendo-progressbar--layout-base();
+
     $kendo-progressbar-status-font-size: 11px !default;
     $kendo-progressbar-indeterminate-animation-timing: 2s infinite !default;
 

package/scss/progressbar/_theme.scss

@@ -7,9 +7,9 @@
     @return if($direction == horizontal, scaleX($value), scaleY($value));
 }
 
-@mixin progressbar-indeterminate-animation($direction) {
-    $primary-animation-name: progressbar-primary-indeterminate-#{$direction};
-    $secondary-animation-name: progressbar-secondary-indeterminate-#{$direction};
+@mixin kendo-progressbar-indeterminate-animation($direction) {
+    $primary-animation-name: kendo-progressbar-primary-indeterminate-#{$direction};
+    $secondary-animation-name: kendo-progressbar-secondary-indeterminate-#{$direction};
 
     @keyframes #{$primary-animation-name} {
         0% {
@@ -47,9 +47,12 @@
     }
 }
 
-@include exports("progressbar/theme/material") {
-    @include progressbar-indeterminate-animation(horizontal);
-    @include progressbar-indeterminate-animation(vertical);
+@mixin kendo-progressbar--theme() {
+
+    @include kendo-progressbar--theme-base();
+
+    @include kendo-progressbar-indeterminate-animation(horizontal);
+    @include kendo-progressbar-indeterminate-animation(vertical);
 
     .k-progressbar-indeterminate {
         background-image: none;
@@ -59,4 +62,5 @@
             background: $kendo-progressbar-value-bg;
         }
     }
+
 }

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

package/scss/radio/_layout.scss

@@ -1,6 +1,9 @@
 @import "@progress/kendo-theme-default/scss/radio/_layout.scss";
 
-@include exports( "radio/layout/material" ) {
+
+@mixin kendo-radio--layout() {
+
+    @include kendo-radio--layout-base();
 
     .k-radio::before {
         transition: transform linear 280ms;

package/scss/radio/_theme.scss

@@ -1,6 +1,9 @@
 @import "@progress/kendo-theme-default/scss/radio/_theme.scss";
 
-@include exports( "radio/theme/material" ) {
+
+@mixin kendo-radio--theme() {
+
+    @include kendo-radio--theme-base();
 
     // Radio
     .k-radio-label {