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

package/scss/multiselect/_index.scss

@@ -1,4 +1,19 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "multiselect",
+    dependencies: (
+        "button",
+        "chip",
+        "icon",
+        "input",
+        "list",
+        "popup",
+    )
+);
 
 
 // Dependencies

package/scss/notification/_index.scss

@@ -1,4 +1,15 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "notification",
+    dependencies: (
+        "icon",
+        "popup",
+    )
+);
 
 
 // Dependencies

package/scss/numerictextbox/_index.scss

@@ -1,4 +1,15 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "numeric-textbox",
+    dependencies: (
+        "input",
+        "icon",
+    )
+);
 
 
 // Dependencies

package/scss/orgchart/_index.scss

@@ -1,4 +1,21 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "orgchart",
+    dependencies: (
+        "card",
+        "dropdown-list",
+        "form",
+        "icon",
+        "menu",
+        "textbox",
+        "upload",
+        "window",
+    )
+);
 
 
 // Dependencies
@@ -13,6 +30,7 @@
 @import "../card/_index.scss";
 @import "../window/_index.scss";
 
+
 // Component
 @import "./_variables.scss";
 @import "./_layout.scss";

package/scss/overlay/_index.scss

@@ -1,4 +1,12 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "overlay",
+    dependencies: ()
+);
 
 
 // Dependencies

package/scss/pager/_index.scss

@@ -1,4 +1,16 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "pager",
+    dependencies: (
+        "button",
+        "dropdown-list",
+        "icon",
+    )
+);
 
 
 // Dependencies

package/scss/panelbar/_index.scss

@@ -1,4 +1,15 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "panelbar",
+    dependencies: (
+        "icon",
+        "list",
+    )
+);
 
 
 // Dependencies

package/scss/pdf-viewer/_index.scss

@@ -1,4 +1,20 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "pdf-viewer",
+    dependencies: (
+        "combobox",
+        "dialog",
+        "dropzone",
+        "icon",
+        "pager",
+        "toolbar",
+        "window",
+    )
+);
 
 
 // Dependencies

package/scss/pivotgrid/_index.scss

@@ -1,4 +1,18 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "pivotgrid",
+    dependencies: (
+        "dialog",
+        "grid",
+        "icon",
+        "list",
+        "treeview",
+    )
+);
 
 
 // Dependencies

package/scss/popover/_index.scss

@@ -1,10 +1,21 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "popover",
+    dependencies: (
+        "card",
+        "popup",
+    )
+);
 
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../popup/_index.scss";
 @import "../card/_index.scss";
+@import "../popup/_index.scss";
 
 
 // Component

package/scss/popup/_index.scss

@@ -1,4 +1,12 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "popup",
+    dependencies: ()
+);
 
 
 // Dependencies

package/scss/popup/_variables.scss

@@ -1,16 +1,39 @@
-// Popup
+/// Horizontal padding of the popup.
+/// @group popup
 $kendo-popup-padding-x: null !default;
+/// Vertical padding of the popup.
+/// @group popup
 $kendo-popup-padding-y: null !default;
+/// Width of the border around the popup.
+/// @group popup
 $kendo-popup-border-width: 0px !default;
+/// Border radius of the popup.
+/// @group popup
 $kendo-popup-border-radius: null !default;
 
+/// Font size of the popup.
+/// @group popup
 $kendo-popup-font-size: $kendo-font-size-md !default;
+/// Line height of the popup.
+/// @group popup
 $kendo-popup-line-height: $kendo-line-height-md !default;
 
+/// Horizontal padding of the popup content.
+/// @group popup
 $kendo-popup-content-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+/// Vertical padding of the popup content.
+/// @group popup
 $kendo-popup-content-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 
+/// Background color of the popup.
+/// @group popup
 $kendo-popup-bg: $kendo-component-bg !default;
+/// Text color of the popup.
+/// @group popup
 $kendo-popup-text: $kendo-component-text !default;
+/// Border color of the popup.
+/// @group popup
 $kendo-popup-border: $kendo-component-border !default;
+/// Box shadow of the popup.
+/// @group popup
 $kendo-popup-shadow: 0 2px 4px -1px rgba( $elevation, .2 ), 0 4px 5px 0 rgba( $elevation, .14 ), 0 1px 10px 0 rgba( $elevation, .12 ) !default;

package/scss/progressbar/_index.scss

@@ -1,4 +1,12 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "progressbar",
+    dependencies: ()
+);
 
 
 // Dependencies

package/scss/radio/_index.scss

@@ -1,4 +1,12 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "radio",
+    dependencies: ()
+);
 
 
 // Dependencies

package/scss/rating/_index.scss

@@ -1,4 +1,14 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "rating",
+    dependencies: (
+        "icon",
+    )
+);
 
 
 // Dependencies

package/scss/responsivepanel/_index.scss

@@ -1,4 +1,14 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "responsive-panel",
+    dependencies: (
+        "icon",
+    )
+);
 
 
 // Dependencies

package/scss/ripple/_index.scss

@@ -1,4 +1,12 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "ripple",
+    dependencies: ()
+);
 
 
 // Dependencies

package/scss/scheduler/_index.scss

@@ -1,4 +1,20 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "scheduler",
+    dependencies: (
+        "adaptive",
+        "button",
+        "date-time-picker",
+        "dialog",
+        "dropdown-list",
+        "icon",
+        "tooltip",
+    )
+);
 
 
 // Dependencies

package/scss/scheduler/_layout.scss

@@ -18,7 +18,7 @@
 
     // View header
     .k-scheduler-header {
-        text-align: left;
+        text-align: start;
 
         th,
         td {
@@ -46,7 +46,8 @@
         .k-event-template {
             // Angular fix for stronger selector and smaller padding
             & {
-                padding: $kendo-padding-sm-y $kendo-padding-sm-x;
+                padding-block: $kendo-padding-sm-y;
+                padding-inline: $kendo-padding-sm-x;
             }
         }
 
@@ -70,6 +71,14 @@
                 box-sizing: content-box;
                 vertical-align: unset;
             }
+
+            .k-svg-icon {
+                width: $kendo-font-size-sm;
+                height: $kendo-font-size-sm;
+                padding: calc( #{$kendo-font-size-md} - #{$kendo-font-size-sm} );
+                box-sizing: content-box;
+                vertical-align: unset;
+            }
         }
 
         .k-resize-handle {

package/scss/scroller/_index.scss

@@ -1,4 +1,14 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "scroller",
+    dependencies: (
+        "icon",
+    )
+);
 
 
 // Dependencies

package/scss/scrollview/_index.scss

@@ -1,4 +1,15 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "scrollview",
+    dependencies: (
+        "button",
+        "icon",
+    )
+);
 
 
 // Dependencies

package/scss/searchbox/_index.scss

@@ -1,4 +1,16 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "searchbox",
+    dependencies: (
+        "button",
+        "icon",
+        "input",
+    )
+);
 
 
 // Dependencies

package/scss/signature/_index.scss

@@ -1,9 +1,22 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "signature",
+    dependencies: (
+        "button",
+        "input",
+    )
+);
+
 
 // Dependencies
 @import "../button/_index.scss";
 @import "../input/_index.scss";
 
+
 // Component
 @import "./_variables.scss";
 @import "./_layout.scss";

package/scss/skeleton/_index.scss

@@ -1,4 +1,12 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "skeleton",
+    dependencies: ()
+);
 
 
 // Dependencies

package/scss/slider/_index.scss

@@ -1,4 +1,16 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "slider",
+    dependencies: (
+        "button",
+        "icon",
+        "tooltip",
+    )
+);
 
 
 // Dependencies
@@ -10,5 +22,7 @@
 
 // Component
 @import "./_variables.scss";
+@import "./images/slider-h.scss";
+@import "./images/slider-v.scss";
 @import "./_layout.scss";
 @import "./_theme.scss";

package/scss/split-button/_index.scss

@@ -1,4 +1,16 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "split-button",
+    dependencies: (
+        "button",
+        "icon",
+        "menu",
+    )
+);
 
 
 // Dependencies

package/scss/splitter/_index.scss

@@ -1,4 +1,16 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "splitter",
+    dependencies: (
+        "draggable",
+        "icon",
+        // "resizable",
+    )
+);
 
 
 // Dependencies

package/scss/spreadsheet/_index.scss

@@ -1,4 +1,28 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "spreadsheet",
+    dependencies: (
+        "button",
+        "checkbox",
+        "color-picker",
+        "combobox",
+        "date-time-picker",
+        "dropdown-list",
+        "icon",
+        "list",
+        "menu",
+        "radio",
+        "tabstrip",
+        "toolbar",
+        "treeview",
+        "upload",
+        "window",
+    )
+);
 
 
 // Dependencies

package/scss/spreadsheet/_layout.scss

@@ -20,6 +20,10 @@
     // Spreadsheet tabstrip
     .k-spreadsheet-tabstrip {
         padding-top: 0;
+
+        .k-tabstrip-items-wrapper {
+            border-width: 0;
+        }
     }
 
 

package/scss/stepper/_index.scss

@@ -1,4 +1,15 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "stepper",
+    dependencies: (
+        "icon",
+        "progressbar",
+    )
+);
 
 
 // Dependencies

package/scss/switch/_index.scss

@@ -1,4 +1,12 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "switch",
+    dependencies: ()
+);
 
 
 // Dependencies

package/scss/table/_index.scss

@@ -1,4 +1,12 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "table",
+    dependencies: ()
+);
 
 
 // Dependencies

package/scss/tabstrip/_index.scss

@@ -1,4 +1,16 @@
 @import "../core/_index.scss";
+@import "../utils/_index.scss";
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "tabstrip",
+    dependencies: (
+        "button",
+        "icon",
+        "list",
+    )
+);
 
 
 // Dependencies

package/scss/tabstrip/_layout.scss

@@ -2,21 +2,12 @@
 
 @include exports( "tabstrip/layout/material" ) {
 
-    .k-tabstrip {
-        line-height: $kendo-tabstrip-line-height;
-    }
-
     .k-tabstrip-items {
         text-transform: uppercase;
+    }
 
-        .k-tabstrip-left & .k-link {
-            justify-content: flex-end;
-        }
-
-        .k-disabled {
-            opacity: 1;
-            filter: none;
-        }
+    .k-tabstrip-left .k-tabstrip-items .k-link {
+        justify-content: flex-end;
     }
 
 }

package/scss/tabstrip/_theme.scss

@@ -1,13 +1 @@
 @import "@progress/kendo-theme-default/scss/tabstrip/_theme.scss";
-
-@include exports( "tabstrip/layout/theme" ) {
-
-    .k-tabstrip-items {
-
-        .k-disabled {
-            color: k-map-get( $theme, disabled-text );
-        }
-
-    }
-
-}