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

package/scss/panel/_layout.scss

@@ -0,0 +1,30 @@
+@mixin kendo-panel--layout--base() {
+        // Panels
+        .k-block,
+        .k-panel {
+            @include border-radius( $kendo-panel-border-radius );
+            padding: 0;
+            border-width: $kendo-panel-border-width;
+            border-style: $kendo-panel-border-style;
+            box-sizing: border-box;
+
+            > .k-header {
+                @include border-top-radius( $kendo-panel-border-radius );
+                @include fill(
+                    var( --kendo-component-text, #{$kendo-component-text} ),
+                    var( --kendo-component-bg, #{$kendo-component-bg} ),
+                    var( --kendo-component-border, #{$kendo-component-border} )
+                );
+                padding-inline: $kendo-panel-header-padding-inline;
+                padding-block: $kendo-panel-header-padding-block;
+            }
+            > .k-content {
+                padding-inline: $kendo-panel-content-padding-inline;
+                padding-block: $kendo-panel-content-padding-block;
+            }
+        }
+}
+
+@mixin kendo-panel--layout() {
+    @include kendo-panel--layout--base();
+}

package/scss/panel/_theme.scss

@@ -0,0 +1,23 @@
+@mixin kendo-panel--theme--base() {
+    // Panels
+    .k-block,
+    .k-panel {
+        @include fill(
+            $kendo-panel-text,
+            $kendo-panel-bg,
+            $kendo-panel-border
+        );
+    }
+
+    :where(.k-content) {
+        @include fill(
+            $kendo-panel-text,
+            $kendo-panel-bg,
+            $kendo-panel-border
+        );
+    }
+}
+
+@mixin kendo-panel--theme() {
+    @include kendo-panel--theme--base();
+}

package/scss/panel/_variables.scss

@@ -0,0 +1,34 @@
+
+/// The border radius of the Panel.
+/// @group panel
+$kendo-panel-border-radius: k-border-radius(md);
+/// The width of the border around the Panel.
+/// @group panel
+$kendo-panel-border-width: 1px;
+/// The style of the border around the Panel.
+/// @group panel
+$kendo-panel-border-style: solid;
+
+/// The inline padding of the Panel header.
+/// @group panel
+$kendo-panel-header-padding-inline: k-spacing(2);
+/// The block padding of the Panel header.
+/// @group panel
+$kendo-panel-header-padding-block: k-spacing(1);
+
+/// The inline padding of the Panel content.
+/// @group panel
+$kendo-panel-content-padding-inline: k-spacing(2);
+/// The block padding of the Panel content.
+/// @group panel
+$kendo-panel-content-padding-block: k-spacing(1);
+
+/// The text color of the Panel.
+/// @group panel
+$kendo-panel-text: var(--kendo-component-text, #{$kendo-component-text});
+/// The background color of the Panel.
+/// @group panel
+$kendo-panel-bg: var(--kendo-component-bg, #{$kendo-component-bg});
+/// The color of the border around the Panel.
+/// @group panel
+$kendo-panel-border: var(--kendo-component-border, #{$kendo-component-border});

package/scss/panelbar/_index.scss

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

package/scss/pdf-viewer/_index.scss

@@ -18,7 +18,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-@import "../common/_index.scss";
 // @import "../utils/_index.scss";
 @import "../combobox/_index.scss";
 @import "../toolbar/_index.scss";

package/scss/pivotgrid/_index.scss

@@ -16,7 +16,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-@import "../common/_index.scss";
 @import "../dialog/_index.scss";
 @import "../treeview/_index.scss";
 @import "../grid/_index.scss";

package/scss/popover/_index.scss

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

package/scss/popup/_index.scss

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

package/scss/popup/_layout.scss

@@ -1,5 +1,30 @@
 @mixin kendo-popup--layout-base() {
 
+    // Animation Container
+    .k-animation-container {
+        position: absolute;
+        overflow: hidden;
+        z-index: 100;
+
+        &-fixed {
+            position: fixed;
+        }
+
+        &-relative {
+            position: relative;
+            display: inline-block;
+        }
+    }
+
+    .k-animation-container {
+        @include border-bottom-radius-only( $kendo-border-radius-md );
+    }
+
+    .k-animation-container-shown {
+        overflow: visible;
+    }
+
+    // Popup
     .k-popup {
         @include border-radius( $kendo-popup-border-radius );
         margin: 0;
@@ -19,13 +44,6 @@
             outline: none;
         }
     }
-    .k-animation-container {
-        @include border-bottom-radius-only( k-border-radius(md) );
-    }
-
-    .k-animation-container-shown {
-        overflow: visible;
-    }
 
     .k-popup > .k-colorpalette {
         padding-block: $kendo-popup-content-padding-y;
@@ -50,7 +68,6 @@
         border-width: 0;
     }
 
-
     // Legacy shadow
     .k-shadow {
         box-shadow: $kendo-popup-shadow;

package/scss/progressbar/_index.scss

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

package/scss/prompt/_index.scss

@@ -8,11 +8,6 @@ $_kendo-module-meta: (
     dependencies: ()
 );
 
-
-// Dependencies
-@import "../common/_index.scss";
-
-
 // Component
 @import "./_variables.scss";
 @import "./_layout.scss";

package/scss/radio/_layout.scss

@@ -57,7 +57,7 @@
     // Disabled state
     .k-radio:disabled,
     .k-radio.k-disabled {
-        @include disabled( $kendo-disabled-styling );
+        @include disabled( $kendo-disabled-styling... );
     }
     .k-radio:disabled:checked,
     .k-radio.k-disabled.k-checked {

package/scss/rating/_index.scss

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

package/scss/responsivepanel/_index.scss

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

package/scss/ripple/_index.scss

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

package/scss/scheduler/_index.scss

@@ -13,12 +13,12 @@ $_kendo-module-meta: (
         "dropdown-list",
         "icon",
         "tooltip",
+        "time-marker"
     )
 );
 
 
 // Dependencies
-@import "../common/_index.scss";
 @import "../icons/_index.scss";
 @import "../adaptive/_index.scss";
 @import "../button/_index.scss";

package/scss/scroller/_index.scss

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

package/scss/scrollview/_index.scss

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

package/scss/slider/_index.scss

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

package/scss/splitter/_index.scss

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

package/scss/spreadsheet/_index.scss

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

package/scss/stepper/_index.scss

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

package/scss/stepper/_variables.scss

@@ -103,7 +103,7 @@ $kendo-stepper-indicator-hover-border: null !default;
 $kendo-stepper-indicator-disabled-bg: null !default;
 /// The text color of the disabled Stepper indicator.
 /// @group stepper
-$kendo-stepper-indicator-disabled-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), $kendo-disabled-text) !default;
+$kendo-stepper-indicator-disabled-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8f8f8f) !default;
 /// The border color of the disabled Stepper indicator.
 /// @group stepper
 $kendo-stepper-indicator-disabled-border: null !default;
@@ -182,7 +182,7 @@ $kendo-stepper-label-error-text: $kendo-color-error !default;
 $kendo-stepper-label-hover-text: if($kendo-enable-color-system, k-color( on-base ), k-try-shade( $kendo-stepper-text, 2 )) !default;
 /// The text color of the disabled Stepper label.
 /// @group stepper
-$kendo-stepper-label-disabled-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), $kendo-disabled-text) !default;
+$kendo-stepper-label-disabled-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8f8f8f) !default;
 
 /// The text color of the optional Stepper label.
 /// @group stepper

package/scss/switch/_index.scss

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

package/scss/table/_index.scss

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

package/scss/tabstrip/_index.scss

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

package/scss/taskboard/_index.scss

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

package/scss/taskboard/_theme.scss

@@ -93,7 +93,7 @@
         }
 
         &.k-disabled {
-            @include disabled( $kendo-disabled-styling );
+            @include disabled( $kendo-disabled-styling... );
         }
     }
 

package/scss/textarea/_index.scss

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

package/scss/textbox/_index.scss

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

package/scss/tilelayout/_index.scss

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

package/scss/tilelayout/_variables.scss

@@ -1,38 +1,38 @@
 // TileLayout
 
 /// The width of the border around the TileLayout.
-/// @group tilelayout
+/// @group tile-layout
 $kendo-tile-layout-border-width: 0px !default;
 /// The background color of the TileLayout.
-/// @group tilelayout
+/// @group tile-layout
 $kendo-tile-layout-bg: $kendo-base-bg !default;
 
 /// The horizontal padding of the TileLayout.
-/// @group tilelayout
+/// @group tile-layout
 $kendo-tile-layout-padding-x: k-spacing(4) !default;
 
 /// The vertical padding of the TileLayout
-/// @group tilelayout
+/// @group tile-layout
 $kendo-tile-layout-padding-y: $kendo-tile-layout-padding-x !default;
 
 /// The width of the border around the TileLayout card.
-/// @group tilelayout
+/// @group tile-layout
 $kendo-tile-layout-card-border-width: $kendo-card-border-width !default;
 /// The focus box shadow of the TileLayout card.
-/// @group tilelayout
+/// @group tile-layout
 $kendo-tile-layout-card-focus-shadow: $kendo-card-focus-shadow !default;
 
 /// The width of the border around the TileLayout hint.
-/// @group tilelayout
+/// @group tile-layout
 $kendo-tile-layout-hint-border-width: 1px !default;
 /// The radius of the border around the TileLayout hint.
-/// @group tilelayout
+/// @group tile-layout
 $kendo-tile-layout-hint-border-radius: k-border-radius(lg) !default;
 /// The color of the border around the TileLayout hint.
-/// @group tilelayout
+/// @group tile-layout
 $kendo-tile-layout-hint-border: $kendo-component-border !default;
 /// The background color of the TileLayout hint.
-/// @group tilelayout
+/// @group tile-layout
 $kendo-tile-layout-hint-bg: rgba(255, 255, 255, .2) !default;
 
 

package/scss/time-marker/_index.scss

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

package/scss/time-marker/_layout.scss

@@ -0,0 +1,21 @@
+@mixin kendo-time-marker--layout-base() {
+
+    .k-current-time {
+        width: $kendo-current-time-width;
+        position: absolute;
+
+        &.k-current-time-arrow-left,
+        &.k-current-time-arrow-right,
+        &.k-current-time-arrow-down {
+            width: 0;
+            height: 0;
+            background: transparent;
+            border: 4px solid transparent;
+        }
+    }
+
+}
+
+@mixin kendo-time-marker--layout() {
+    @include kendo-time-marker--layout-base();
+}

package/scss/time-marker/_theme.scss

@@ -0,0 +1,24 @@
+@mixin kendo-time-marker--theme-base() {
+
+    .k-current-time {
+        background: $kendo-current-time-color;
+
+        &.k-current-time-arrow-left {
+            border-right-color: $kendo-current-time-color;
+        }
+
+        &.k-current-time-arrow-right {
+            border-left-color: $kendo-current-time-color;
+        }
+
+        &.k-current-time-arrow-down {
+            border-top-color: $kendo-current-time-color;
+        }
+    }
+
+}
+
+
+@mixin kendo-time-marker--theme() {
+    @include kendo-time-marker--theme-base();
+}

package/scss/time-marker/_variables.scss

@@ -0,0 +1,6 @@
+/// The border width of the current time indicator.
+/// @group time-marker
+$kendo-current-time-width: 1px !default;
+/// The color of the current time indicator.
+/// @group time-marker
+$kendo-current-time-color: #ff0000 !default;

package/scss/timeline/_index.scss

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

package/scss/toolbar/_index.scss

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

package/scss/tooltip/_index.scss

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

package/scss/treelist/_index.scss

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

package/scss/treeview/_index.scss

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

package/scss/upload/_index.scss

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

package/scss/validator/_index.scss

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

package/scss/window/_index.scss

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

package/scss/wizard/_index.scss

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