@progress/kendo-theme-classic 8.1.0-dev.0 → 8.1.0-dev.2

package/scss/bottom-navigation/_variables.scss

@@ -20,7 +20,7 @@ $kendo-bottom-nav-font-family: var( --kendo-font-family, inherit ) !default;
 $kendo-bottom-nav-font-size: var( --kendo-font-size, inherit ) !default;
 /// The line height of the BottomNavigation.
 /// @group bottom-navigation
-$kendo-bottom-nav-line-height: var( --kendo-line-height-sm, normal ) !default;
+$kendo-bottom-nav-line-height: var( --kendo-line-height-xs, normal ) !default;
 /// The letter spacing of the BottomNavigation.
 /// @group bottom-navigation
 $kendo-bottom-nav-letter-spacing: .2px !default;

package/scss/breadcrumb/_index.scss

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

package/scss/calendar/_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/captcha/_index.scss

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

package/scss/card/_index.scss

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

package/scss/card/_variables.scss

@@ -116,7 +116,7 @@ $kendo-card-title-font-size: var( --kendo-font-size-lg, inherit ) !default;
 $kendo-card-title-font-family: null !default;
 /// The line height of the Card title.
 /// @group card
-$kendo-card-title-line-height: 1.25 !default;
+$kendo-card-title-line-height: var( --kendo-line-height-sm, normal ) !default;
 /// The font weight of the Card title.
 /// @group card
 $kendo-card-title-font-weight: var( --kendo-font-weight-normal, normal ) !default;
@@ -135,7 +135,7 @@ $kendo-card-subtitle-font-size: var( --kendo-font-size-sm, inherit ) !default;
 $kendo-card-subtitle-font-family: null !default;
 /// The line height of the Card subtitle.
 /// @group card
-$kendo-card-subtitle-line-height: normal !default;
+$kendo-card-subtitle-line-height: var( --kendo-line-height-lg, normal ) !default;
 /// The font weight of the Card subtitle.
 /// @group card
 $kendo-card-subtitle-font-weight: var( --kendo-font-weight-normal, normal ) !default;

package/scss/chat/_index.scss

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

package/scss/chat/_variables.scss

@@ -44,10 +44,10 @@ $kendo-chat-message-list-spacing: $kendo-chat-item-spacing-y !default;
 
 /// The font size of the Chat timestamp.
 /// @group chat
-$kendo-chat-timestamp-font-size: smaller !default;
+$kendo-chat-timestamp-font-size: var( --kendo-font-size-sm, inherit ) !default;
 /// The line height of the Chat timestamp.
 /// @group chat
-$kendo-chat-timestamp-line-height: null !default;
+$kendo-chat-timestamp-line-height: var( --kendo-line-height-lg, normal ) !default;
 /// The text transform of the Chat timestamp.
 /// @group chat
 $kendo-chat-timestamp-transform: uppercase !default;
@@ -58,6 +58,20 @@ $kendo-chat-timestamp-text: $kendo-subtle-text !default;
 /// @group chat
 $kendo-chat-timestamp-bg: null !default;
 
+/// The font size of the Chat message meta text.
+/// @group chat
+$kendo-chat-message-meta-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The line height of the Chat message meta text.
+/// @group chat
+$kendo-chat-message-meta-line-height: var( --kendo-line-height-lg, normal ) !default;
+
+/// The font size of the Chat author text.
+/// @group chat
+$kendo-chat-author-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The line height of the Chat author text.
+/// @group chat
+$kendo-chat-author-line-height: var( --kendo-line-height-lg, normal ) !default;
+
 /// The horizontal padding of the Chat bubble message.
 /// @group chat
 $kendo-chat-bubble-padding-x: k-spacing(3) !default;
@@ -69,7 +83,7 @@ $kendo-chat-bubble-padding-y: k-spacing(2) !default;
 $kendo-chat-bubble-spacing: k-spacing(0.5) !default;
 /// The line height of the Chat bubble message.
 /// @group chat
-$kendo-chat-bubble-line-height: 18px !default;
+$kendo-chat-bubble-line-height: var( --kendo-line-height, normal ) !default;
 
 /// The border radius of the Chat bubble message.
 /// @group chat

package/scss/coloreditor/_index.scss

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

package/scss/colorgradient/_index.scss

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

package/scss/colorpalette/_index.scss

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

package/scss/combobox/_index.scss

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

package/scss/core/color-system/_swatch-legacy.scss

@@ -37,7 +37,11 @@
     $kendo-selected-hover-text: $kendo-selected-text;
     $kendo-selected-hover-border: k-color( primary-hover );
     $kendo-selected-hover-gradient: $kendo-base-gradient;
-    $kendo-disabled-text: k-color( on-app-surface );
+    $kendo-disabled-text: null;
+    $kendo-disabled-bg: null;
+    $kendo-disabled-border: null;
+    $kendo-disabled-opacity: .6;
+    $kendo-disabled-filter: grayscale(.1);
     $kendo-component-header-bg: $kendo-base-bg;
     $kendo-component-header-text: $kendo-base-text;
     $kendo-component-header-border: $kendo-base-border;
@@ -59,4 +63,12 @@
         "light": $kendo-color-light,
         "inverse": $kendo-color-inverse,
     );
+
+    $kendo-disabled-styling: (
+        bg: $kendo-disabled-bg,
+        color: $kendo-disabled-text,
+        border: $kendo-disabled-border,
+        opacity: $kendo-disabled-opacity,
+        filter: $kendo-disabled-filter
+    );
 }

package/scss/core/color-system/_swatch.scss

@@ -600,9 +600,6 @@ $kendo-selected-hover-border: $kendo-selected-border !default;
 /// The gradient of selected and hovered items.
 $kendo-selected-hover-gradient: $kendo-selected-gradient !default;
 
-/// Text color of disabled items.
-$kendo-disabled-text: #8d8d8d !default;
-
 // Generic styles
 
 /// Background color of the component header.

package/scss/dataviz/_index.scss

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

package/scss/daterangepicker/_index.scss

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

package/scss/dialog/_index.scss

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

package/scss/drawer/_index.scss

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

package/scss/drawer/_variables.scss

@@ -54,7 +54,7 @@ $kendo-drawer-item-padding-x: k-spacing(4) !default;
 $kendo-drawer-item-padding-y: $kendo-padding-md-x !default;
 /// The font size of the Drawer item.
 /// @group drawer
-$kendo-drawer-item-font-size: 16px !default;
+$kendo-drawer-item-font-size: var( --kendo-font-size-lg, inherit ) !default;
 /// The line height of the Drawer item.
 /// @group drawer
 $kendo-drawer-item-line-height: $kendo-line-height-lg !default;

package/scss/dropdowngrid/_index.scss

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

package/scss/dropdownlist/_index.scss

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

package/scss/dropdowntree/_index.scss

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

package/scss/dropzone/_index.scss

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

package/scss/editor/_index.scss

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

package/scss/expansion-panel/_index.scss

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

package/scss/fab/_index.scss

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

package/scss/filemanager/_index.scss

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

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/_variables.scss

@@ -53,7 +53,7 @@ $kendo-form-legend-border-color: $kendo-component-border !default;
 $kendo-form-legend-width: 100% !default;
 /// The font size of the Form legend.
 /// @group form
-$kendo-form-legend-font-size: 14px !default;
+$kendo-form-legend-font-size: var( --kendo-font-size, inherit ) !default;
 /// The text capitalization of the Form legend.
 /// @group form
 $kendo-form-legend-text-transform: uppercase !default;
@@ -68,7 +68,7 @@ $kendo-form-button-margin-x: k-spacing(2) !default;
 
 /// The font size of the Form hint.
 /// @group form
-$kendo-form-hint-font-size: 12px !default;
+$kendo-form-hint-font-size: var( --kendo-font-size-sm, inherit ) !default;
 /// The font style of the Form hint.
 /// @group form
 $kendo-form-hint-font-style: italic !default;
@@ -124,7 +124,7 @@ $kendo-forms-invalid-color: $kendo-color-error !default;
 $kendo-label-optional-margin-x: k-spacing(1.5) !default;
 /// The font size of the optional label in the Form.
 /// @group form
-$kendo-label-optional-font-size: 12px !default;
+$kendo-label-optional-font-size: var( --kendo-font-size-sm, inherit ) !default;
 /// The font style of the optional label in the Form.
 /// @group form
 $kendo-label-optional-font-style: italic !default;

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";
@@ -203,6 +204,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/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

@@ -3,4 +3,5 @@
 
 @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();
+}

package/scss/panel/_layout.scss

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

package/scss/panel/_theme.scss

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