@progress/kendo-theme-default 8.0.2-dev.4 → 8.1.0-dev.1

package/scss/filemanager/_variables.scss

@@ -1,182 +1,182 @@
 // FileManager
 
 /// The space between the FileManager items.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-spacer: k-spacing(4) !default;
 /// The border width of the FileManager.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-border-width: 1px !default;
 /// The font family of the FileManager.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font size of the FileManager.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-font-size: var( --kendo-font-size, inherit ) !default;
 /// The line height of the FileManager.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-line-height: var( --kendo-line-height, normal ) !default;
 /// The background color of the FileManager.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-bg: $kendo-component-bg !default;
 /// The text color of the FileManager.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-text: $kendo-component-text !default;
 /// The border color of the FileManager.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-border: $kendo-component-border !default;
 
 /// The border width of the FileManager Toolbar.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-toolbar-border-width: $kendo-file-manager-border-width !default;
 /// The background color of the FileManager Toolbar.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-toolbar-bg: null !default;
 /// The text color of the FileManager Toolbar.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-toolbar-text: null !default;
 /// The border color of the FileManager Toolbar.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-toolbar-border: null !default;
 /// The gradient of the FileManager Toolbar.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-toolbar-gradient: null !default;
 
 /// The horizontal padding of the FileManager Navigation.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-navigation-padding-x: $kendo-file-manager-spacer !default;
 /// The vertical padding of the FileManager Navigation.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-navigation-padding-y: $kendo-file-manager-spacer !default;
 /// The width of the FileManager Navigation.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-navigation-width: 20% !default;
 /// The border width of the FileManager Navigation.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-navigation-border-width: $kendo-file-manager-border-width !default;
 /// The background color of the FileManager Navigation.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-navigation-bg: null !default;
 /// The text color of the FileManager Navigation.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-navigation-text: null !default;
 /// The border color of the FileManager Navigation.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-navigation-border: null !default;
 
 /// The horizontal padding of the FileManager Breadcrumb.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-breadcrumb-padding-x: k-spacing(2) !default;
 /// The vertical padding of the FileManager Breadcrumb.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-breadcrumb-padding-y: k-spacing(2) !default;
 /// The border width of the FileManager Breadcrumb.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-breadcrumb-border-width: $kendo-file-manager-border-width !default;
 /// The background color of the FileManager Breadcrumb.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-breadcrumb-bg: $kendo-toolbar-bg !default;
 /// The text color of the FileManager Breadcrumb.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-breadcrumb-text: null !default;
 /// The border color of the FileManager Breadcrumb.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-breadcrumb-border: null !default;
 
 /// The background color of the FileManager ListView.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-bg: null !default;
 /// The text color of the FileManager ListView.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-text: null !default;
 /// The border color of the FileManager ListView.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-border: null !default;
 
 /// The horizontal padding of the FileManager ListView item.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-padding-x: k-spacing(4) !default;
 /// The vertical padding of the FileManager ListView item.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-padding-y: k-spacing(4) !default;
 /// The width of the FileManager ListView item.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-width: 120px !default;
 /// The height of the FileManager ListView item.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-height: 120px !default;
 /// The background color of the FileManager ListView item.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-bg: null !default;
 /// The text color of the FileManager ListView item.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-text: null !default;
 /// The border color of the FileManager ListView item.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-border: null !default;
 
 /// The background color of the FileManager ListView item icon.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-icon-bg: null !default;
 /// The text color of the FileManager ListView item icon.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-icon-text: if($kendo-enable-color-system, k-color( subtle ), k-try-tint($kendo-file-manager-text, 4)) !default;
 /// The border color of the FileManager ListView item icon.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-icon-border: null !default;
 /// Background color of the FileManager selected ListView item icon.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-icon-selected-bg: null !default;
 /// Text color of the FileManager selected ListView item icon.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-icon-selected-text: inherit !default;
 /// Border color of the FileManager selected ListView item icon.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-icon-selected-border: null !default;
 
 /// The background color of the FileManager Grid.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-grid-bg: null !default;
 /// The text color of the FileManager Grid.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-grid-text: null !default;
 /// The border color of the FileManager Grid.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-grid-border: null !default;
 
 /// The horizontal padding of the FileManager preview.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-padding-x: $kendo-file-manager-spacer !default;
 /// The vertical padding of the FileManager preview.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-padding-y: $kendo-file-manager-spacer !default;
 /// The width of the FileManager preview.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-width: 20% !default;
 /// The border width of the FileManager preview.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-border-width: $kendo-file-manager-border-width !default;
 /// The spacing of the FileManager preview.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-spacing: $kendo-file-manager-spacer !default;
 /// The gap between the columns in the FileManager preview.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-column-gap: k-spacing(1) !default;
 /// The background color of the FileManager preview.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-bg: null !default;
 /// The text color of the FileManager preview.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-text: null !default;
 /// The border color of the FileManager preview.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-border: null !default;
 
 /// The background color of the FileManager preview icon.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-icon-bg: null !default;
 /// The text color of the FileManager preview icon.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-icon-text: if($kendo-enable-color-system, k-color( subtle ), k-try-tint($kendo-file-manager-text, 4)) !default;
 /// The border color of the FileManager preview icon.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-icon-border: null !default;

package/scss/filter/_index.scss

@@ -18,7 +18,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-@import "../common/_index.scss";
 @import "../button/_index.scss";
 @import "../input/_index.scss";
 @import "../checkbox/_index.scss";

package/scss/floating-label/_index.scss

@@ -12,7 +12,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-@import "../common/_index.scss";
 @import "../input/_index.scss";
 
 

package/scss/forms/_index.scss

@@ -14,7 +14,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies // TODO: extract variables
-@import "../common/_index.scss";
 @import "../toolbar/_index.scss";
 @import "../action-buttons/_index.scss";
 

package/scss/forms/_layout.scss

@@ -106,7 +106,7 @@
         .k-form-field-disabled {
             .k-label,
             .k-form-label {
-                @include disabled( $kendo-disabled-styling );
+                @include disabled( $kendo-disabled-styling... );
             }
         }
 

package/scss/gantt/_index.scss

@@ -15,12 +15,12 @@ $_kendo-module-meta: (
         "treelist",
         "validator",
         "window",
+        "time-marker"
     )
 );
 
 
 // Dependencies
-@import "../common/_index.scss";
 @import "../button/_index.scss";
 @import "../input/_index.scss";
 @import "../validator/_index.scss";

package/scss/grid/_index.scss

@@ -35,7 +35,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-@import "../common/_index.scss";
 @import "../adaptive/_index.scss";
 @import "../progressbar/_index.scss";
 @import "../button/_index.scss";

package/scss/imageeditor/_index.scss

@@ -16,7 +16,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-@import "../common/_index.scss";
 @import "../toolbar/_index.scss";
 @import "../forms/_index.scss";
 @import "../dropdownlist/_index.scss";

package/scss/index.scss

@@ -1,5 +1,4 @@
 @import "./core/_index.scss";
-@import "./common/_index.scss";
 
 
 // Typography and utils
@@ -31,6 +30,7 @@
 @import "./loader/_index.scss";
 // @import "./loading/_index.scss";
 @import "./skeleton/_index.scss";
+@import "./time-marker/_index.scss";
 
 
 // Form helpers
@@ -117,6 +117,7 @@
 // Layout & containers
 @import "./card/_index.scss";
 @import "./expansion-panel/_index.scss";
+@import "./panel/_index.scss";
 @import "./panelbar/_index.scss";
 @import "./splitter/_index.scss";
 @import "./tilelayout/_index.scss";
@@ -205,6 +206,7 @@
     @include kendo-loader--styles();
     @include kendo-skeleton--styles();
     @include kendo-tooltip--styles();
+    @include kendo-time-marker--styles();
 
 
     // Form helpers

package/scss/input/_index.scss

@@ -13,7 +13,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-@import "../common/_index.scss";
 @import "../button/_index.scss";
 
 

package/scss/input/_layout.scss

@@ -64,7 +64,7 @@
 
         &:disabled,
         &[disabled] {
-            @include disabled( $kendo-disabled-styling );
+            @include disabled( $kendo-disabled-styling... );
 
             [disabled] &,
             .k-disabled & {
@@ -89,7 +89,7 @@
 
         &:disabled,
         &[disabled] {
-            @include disabled( $kendo-disabled-styling );
+            @include disabled( $kendo-disabled-styling... );
 
             [disabled] &,
             .k-disabled & {

package/scss/list/_index.scss

@@ -13,7 +13,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-@import "../common/_index.scss";
 @import "../checkbox/_index.scss";
 
 

package/scss/listbox/_index.scss

@@ -15,7 +15,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-@import "../common/_index.scss";
 @import "../button/_index.scss";
 @import "../popup/_index.scss";
 @import "../list/_index.scss";

package/scss/listgroup/_index.scss

@@ -12,7 +12,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-@import "../common/_index.scss";
 @import "../icons/_index.scss";
 
 

package/scss/listview/_index.scss

@@ -14,7 +14,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-@import "../common/_index.scss";
 // @import "../utils/_flex.scss";
 // @import "../utils/_grid.scss";
 @import "../pager/_index.scss";

package/scss/loader/_index.scss

@@ -12,7 +12,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-@import "../common/_index.scss";
 @import "../overlay/_index.scss";
 
 

package/scss/loader/_layout.scss

@@ -444,8 +444,11 @@
         }
     }
 
+}
 
-
+// Legacy implementation of the loading icon inside inputs and pickers
+// Replace with loader component
+@mixin kendo-loading--layout-base() {
 
     // Loading mask
     .k-loading-mask,
@@ -491,9 +494,91 @@
         opacity: $kendo-loading-opacity;
     }
 
-}
+    // Loading indicator
+    .k-i-loading {
+        width: 1em;
+        height: 1em;
+        line-height: 1;
+        display: inline-flex;
+        flex-flow: row nowrap;
+        align-items: center;
+        justify-content: center;
+        vertical-align: middle;
+        position: relative;
+        background-color: transparent;
+        box-sizing: border-box;
+        color: $kendo-loading-text;
+
+        &::before,
+        &::after {
+            box-sizing: border-box;
+        }
+    }
+
+    .k-i-loading::before,
+    .k-i-loading::after,
+    .k-loading-image::before,
+    .k-loading-image::after {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        display: inline-block;
+        content: "";
+        box-sizing: inherit;
+        border-radius: 50%;
+        border-width: .05em;
+        border-style: solid;
+        border-color: currentColor;
+        border-top-color: transparent;
+        border-bottom-color: transparent;
+        background-color: transparent;
+    }
 
+    .k-icon.k-i-loading::before,
+    .k-icon.k-i-loading::after {
+        content: "";
+    }
+
+    .k-i-loading::before,
+    .k-loading-image::before {
+        margin-top: -.5em;
+        margin-left: -.5em;
+        width: 1em;
+        height: 1em;
+        animation: k-loading-animation .7s linear infinite;
+    }
+
+    .k-i-loading::after,
+    .k-loading-image::after {
+        margin-top: -.25em;
+        margin-left: -.25em;
+        width: .5em;
+        height: .5em;
+        animation: k-loading-animation reverse 1.4s linear infinite;
+    }
+
+    .k-loading-image::before,
+    .k-loading-image::after {
+        content: "";
+        // See https://github.com/telerik/kendo-themes/issues/1925
+        border-width: 1px; // TODO: Remove once we drop IE support
+        border-width: clamp( .015em, 1px, 1px );
+        font-size: 4em;
+    }
+
+    // Loading animation
+    @keyframes k-loading-animation {
+        0% {
+            transform: rotate(0deg);
+        }
+        100% {
+            transform: rotate(360deg);
+        }
+    }
+
+}
 
 @mixin kendo-loader--layout() {
     @include kendo-loader--layout-base();
+    @include kendo-loading--layout-base();
 }

package/scss/loader/_variables.scss

@@ -124,3 +124,6 @@ $kendo-loading-text: currentColor !default;
 /// The opacity of the Loading indicator.
 /// @group loading
 $kendo-loading-opacity: .3 !default;
+/// The z-index of the Loading indicator.
+/// @group loading
+$kendo-zindex-loading: 100 !default;

package/scss/map/_index.scss

@@ -15,7 +15,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-@import "../common/_index.scss";
 // @import "../utils/_position.scss";
 @import "../button/_index.scss";
 @import "../scroller/_index.scss";

package/scss/maskedtextbox/_index.scss

@@ -13,7 +13,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-@import "../common/_index.scss";
 @import "../input/_index.scss";
 @import "../floating-label/_index.scss";
 @import "../icons/_index.scss";

package/scss/mediaplayer/_index.scss

@@ -14,7 +14,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-@import "../common/_index.scss";
 @import "../slider/_index.scss";
 @import "../toolbar/_index.scss";
 @import "../icons/_index.scss";

package/scss/menu/_index.scss

@@ -15,7 +15,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-@import "../common/_index.scss";
 @import "../popup/_index.scss";
 @import "../list/_index.scss";
 @import "../icons/_index.scss";

package/scss/messagebox/_index.scss

@@ -12,7 +12,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-@import "../common/_index.scss";
 @import "../icons/_index.scss";
 
 

package/scss/multiselect/_index.scss

@@ -17,7 +17,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-@import "../common/_index.scss";
 @import "../button/_index.scss";
 @import "../input/_index.scss";
 @import "../chip/_index.scss";

package/scss/notification/_index.scss

@@ -13,7 +13,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-@import "../common/_index.scss";
 @import "../popup/_index.scss";
 @import "../icons/_index.scss";
 

package/scss/numerictextbox/_index.scss

@@ -13,7 +13,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-@import "../common/_index.scss";
 @import "../input/_index.scss";
 @import "../floating-label/_index.scss";
 @import "../icons/_index.scss";

package/scss/orgchart/_index.scss

@@ -20,7 +20,6 @@ $_kendo-module-meta: (
 
 // Dependencies
 // @import "../utils/_index.scss";
-@import "../common/_index.scss";
 @import "../icons/_index.scss";
 @import "../forms/_index.scss";
 @import "../textbox/_index.scss";

package/scss/pager/_index.scss

@@ -14,7 +14,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-@import "../common/_index.scss";
 @import "../dropdownlist/_index.scss";
 @import "../icons/_index.scss";
 @import "../button/_index.scss";

package/scss/panel/_index.scss

@@ -0,0 +1,36 @@
+@import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "panel",
+    dependencies: ()
+);
+
+
+// Dependencies
+
+
+// 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-panel--styles() {
+    @include module-render( "panel" ) {
+        @include kendo-panel--layout();
+        @include kendo-panel--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-panel--styles();
+}