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

package/scss/list/_variables.scss

@@ -1,121 +1,122 @@
 // List
 
-/// Font size of the list component, if no size is set.
+/// The font size of the List component, if no size is set.
 /// @group list
 $kendo-list-font-size: null !default;
 $kendo-list-sm-font-size: $kendo-font-size-md !default;
 $kendo-list-md-font-size: $kendo-font-size-md !default;
 $kendo-list-lg-font-size: $kendo-font-size-lg !default;
 
-/// Line height of the list component, if no size is set.
+/// The line height of the List component, if no size is set.
 /// @group list
 $kendo-list-line-height: null !default;
 $kendo-list-sm-line-height: $kendo-line-height-md !default;
 $kendo-list-md-line-height: $kendo-line-height-md !default;
 $kendo-list-lg-line-height: $kendo-line-height-lg !default;
 
-/// Horizontal padding of list header, if no size is set.
+/// The horizontal padding of the List header, if no size is set.
 /// @group list
 $kendo-list-header-padding-x: null !default;
 $kendo-list-sm-header-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 $kendo-list-md-header-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 $kendo-list-lg-header-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 
-/// Vertical padding of list header, if no size is set.
+/// The vertical padding of the List header, if no size is set.
 /// @group list
 $kendo-list-header-padding-y: null !default;
 $kendo-list-sm-header-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
 $kendo-list-md-header-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-list-lg-header-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
 
-/// Border width of list header.
+/// The border width of the List header.
 /// @group list
 $kendo-list-header-border-width: 0 0 1px !default;
 
-/// Font size of list header, if no size is set.
+/// The font size of the List header, if no size is set.
 /// @group list
 $kendo-list-header-font-size: null !default;
 $kendo-list-sm-header-font-size: null !default;
 $kendo-list-md-header-font-size: null !default;
 $kendo-list-lg-header-font-size: null !default;
 
-/// Line height of list header, if no size is set.
+/// The line height of the List header, if no size is set.
 /// @group list
 $kendo-list-header-line-height: null !default;
 $kendo-list-sm-header-line-height: null !default;
 $kendo-list-md-header-line-height: null !default;
 $kendo-list-lg-header-line-height: null !default;
 
-/// Font weight of list header.
+/// The font weight of the List header.
 /// @group list
 $kendo-list-header-font-weight: null !default;
 
-/// Horizontal padding of list items, when no size is set.
+/// The horizontal padding of the List items, when no size is set.
 /// @group list
 $kendo-list-item-padding-x: null !default;
 $kendo-list-sm-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 $kendo-list-md-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 $kendo-list-lg-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 
-/// Vertical padding of list items, when no size is set.
+/// The vertical padding of the List items, when no size is set.
 /// @group list
 $kendo-list-item-padding-y: null !default;
 $kendo-list-sm-item-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
 $kendo-list-md-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-list-lg-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 
-/// Font size of list items, if no size is set.
+/// The font size of the List items, if no size is set.
 /// @group list
 $kendo-list-item-font-size: null !default;
 $kendo-list-sm-item-font-size: null !default;
 $kendo-list-md-item-font-size: null !default;
 $kendo-list-lg-item-font-size: null !default;
 
-/// Line height of list items, if no size is set.
+/// The line height of the List items, if no size is set.
 /// @group list
 $kendo-list-item-line-height: null !default;
 $kendo-list-sm-item-line-height: null !default;
 $kendo-list-md-item-line-height: null !default;
 $kendo-list-lg-item-line-height: null !default;
 
-/// Horizontal padding of list group items, when no size is set.
+/// The horizontal padding of the List group items, when no size is set.
 /// @group list
 $kendo-list-group-item-padding-x: null !default;
 $kendo-list-sm-group-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 $kendo-list-md-group-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 $kendo-list-lg-group-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 
-/// Vertical padding of list group items, when no size is set.
+/// The vertical padding of the List group items, when no size is set.
 /// @group list
 $kendo-list-group-item-padding-y: null !default;
 $kendo-list-sm-group-item-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
 $kendo-list-md-group-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-list-lg-group-item-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
 
-/// Border width of list group items.
+/// The border width of the List group items.
 /// @group list
 $kendo-list-group-item-border-width: 1px 0 0 !default;
 
-/// Font size of list group items, if no size is set.
+/// The font size of the List group items, if no size is set.
 /// @group list
 $kendo-list-group-item-font-size: null !default;
 $kendo-list-sm-group-item-font-size: null !default;
 $kendo-list-md-group-item-font-size: null !default;
 $kendo-list-lg-group-item-font-size: null !default;
 
-/// Line height of list group items, if no size is set.
+/// The line height of the List group items, if no size is set.
 /// @group list
 $kendo-list-group-item-line-height: null !default;
 $kendo-list-sm-group-item-line-height: null !default;
 $kendo-list-md-group-item-line-height: null !default;
 $kendo-list-lg-group-item-line-height: null !default;
 
-/// Font weight of list group item.
+/// The font weight of a List group item.
 /// @group list
 $kendo-list-group-item-font-weight: null !default;
 
 
-// Kendo list sizes
+/// The map with the sizes of the List.
+/// @group list
 $kendo-list-sizes: (
     sm: (
         font-size: $kendo-list-sm-font-size,
@@ -168,75 +169,75 @@ $kendo-list-sizes: (
 ) !default;
 
 
-/// Background color of the list component.
+/// The background color of the List component.
 /// @group list
 $kendo-list-bg: $kendo-component-bg !default;
-/// Text color of the list component.
+/// The text color of the List component.
 /// @group list
 $kendo-list-text: $kendo-component-text !default;
-/// Border color of the list component.
+/// The border color of the List component.
 /// @group list
 $kendo-list-border: $kendo-component-border !default;
 
 
-/// Background color of list header.
+/// The background color of the List header.
 /// @group list
 $kendo-list-header-bg: null !default;
-/// Text color of list header.
+/// The text color of the List header.
 /// @group list
 $kendo-list-header-text: null !default;
-/// Border color of list header.
+/// The border color of the List header.
 /// @group list
 $kendo-list-header-border: inherit !default;
-/// Box shadow of list header.
+/// The box shadow of the List header.
 /// @group list
 $kendo-list-header-shadow: 0 5px 10px 0 rgba(0, 0, 0, .06) !default;
 
 
-/// Background color of list items.
+/// The background color of the List items.
 /// @group list
 $kendo-list-item-bg: null !default;
-/// Text color of list items.
+/// The text color of the List items.
 /// @group list
 $kendo-list-item-text: null !default;
 
-/// Background color of hovered list items.
+/// The background color of the hovered List items.
 /// @group list
 $kendo-list-item-hover-bg: $kendo-hover-bg !default;
-/// Text color of hovered list items.
+/// The text color of the hovered List items.
 /// @group list
 $kendo-list-item-hover-text: $kendo-hover-text !default;
 
-/// Background color of focused list items.
+/// The background color of the focused List items.
 /// @group list
 $kendo-list-item-focus-bg: null !default;
-/// Text color of focused list items.
+/// The text color of the focused List items.
 /// @group list
 $kendo-list-item-focus-text: null !default;
-/// Box shadow of focused list items.
+/// The box shadow of the focused List items.
 /// @group list
 $kendo-list-item-focus-shadow: inset 0 0 0 2px rgba(0, 0, 0, .12) !default;
 
-/// Background color of selected list items.
+/// The background color of the selected List items.
 /// @group list
 $kendo-list-item-selected-bg: $kendo-selected-bg !default;
-/// Text color of selected list items.
+/// The text color of the selected List items.
 /// @group list
 $kendo-list-item-selected-text: $kendo-selected-text !default;
 
-/// Background color of list group items.
+/// The background color of the List group items.
 /// @group list
 $kendo-list-group-item-bg: null !default;
-/// Text color of list group items.
+/// The text color of the List group items.
 /// @group list
 $kendo-list-group-item-text: null !default;
-/// The border color of list group items.
+/// The border color of the List group items.
 /// @group list
 $kendo-list-group-item-border: inherit !default;
-/// The base shadow of list group items.
+/// The base shadow of the List group items.
 /// @group list
 $kendo-list-group-item-shadow: null !default;
 
-/// Text color of the 'No Data' text.
+/// The color of the 'No Data' text.
 /// @group list
 $kendo-list-no-data-text: $kendo-subtle-text !default;

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;
 

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

package/scss/maskedtextbox/_layout.scss

@@ -1,6 +1,11 @@
-@include exports( "maskedtextbox/layout" ) {
+@mixin kendo-masked-textbox--layout-base() {
 
     // Masked textbox
     .k-maskedtextbox {}
 
 }
+
+
+@mixin kendo-masked-textbox--layout() {
+    @include kendo-masked-textbox--layout-base();
+}

package/scss/maskedtextbox/_theme.scss

@@ -1,6 +1,11 @@
-@include exports( "maskedtextbox/theme" ) {
+@mixin kendo-masked-textbox--theme-base() {
 
     // Masked textbox
     .k-maskedtextbox {}
 
 }
+
+
+@mixin kendo-masked-textbox--theme() {
+    @include kendo-masked-textbox--theme-base();
+}