@progress/kendo-theme-material 14.1.1-dev.2 → 14.2.0-dev.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-material",
   "description": "Material theme for Kendo UI",
-  "version": "14.1.1-dev.2",
+  "version": "14.2.0-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -55,12 +55,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.9.0",
-    "@progress/kendo-theme-core": "14.1.1-dev.2",
-    "@progress/kendo-theme-utils": "14.1.1-dev.2"
+    "@progress/kendo-theme-core": "14.2.0-dev.0",
+    "@progress/kendo-theme-utils": "14.2.0-dev.0"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "7e6facaaa79799eaccdc502e3afc4c0a0c19be0a"
+  "gitHead": "2bc240b1c4ee65e6dc269fe4586ed2cabc5ba318"
 }

package/scss/diagram/_index.scss

@@ -0,0 +1,16 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-diagram--styles() {
+    @include import-once( "diagram" ) {
+        @include core-styles();
+        @include kendo-diagram--layout();
+        @include kendo-diagram--theme();
+    }
+}

package/scss/diagram/_layout.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/diagram/_layout.scss" as *;
+
+
+@mixin kendo-diagram--layout() {
+    @include kendo-diagram--layout-base();
+}

package/scss/diagram/_theme.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/diagram/_theme.scss" as *;
+
+
+@mixin kendo-diagram--theme() {
+    @include kendo-diagram--theme-base();
+}

package/scss/diagram/_variables.scss

@@ -0,0 +1 @@
+@use "../core/_index.scss" as *;

package/scss/drawer/_variables.scss

@@ -36,18 +36,9 @@ $kendo-drawer-content-padding-y: k-spacing(3) !default;
 /// The width of the Drawer scrollbar.
 /// @group drawer
 $kendo-drawer-scrollbar-width: 8px !default;
-/// The color of the Drawer scrollbar track.
-/// @group drawer
-$kendo-drawer-scrollbar-color: k-color(inverse-emphasis) !default;
-/// The background color of the Drawer scrollbar thumb.
-/// @group drawer
-$kendo-drawer-scrollbar-bg: transparent !default;
 /// The border radius of the Drawer scrollbar.
 /// @group drawer
 $kendo-drawer-scrollbar-radius: k-border-radius( full ) !default;
-/// The hover color of the Drawer scrollbar track.
-/// @group drawer
-$kendo-drawer-scrollbar-hover-color: $kendo-drawer-scrollbar-color !default;
 
 /// The horizontal padding of the Drawer items.
 /// @group drawer
@@ -138,10 +129,7 @@ $kendo-drawer-selected-focus-bg: k-color(secondary-active) !default;
     $kendo-drawer-content-padding-x: $kendo-drawer-content-padding-x,
     $kendo-drawer-content-padding-y: $kendo-drawer-content-padding-y,
     $kendo-drawer-scrollbar-width: $kendo-drawer-scrollbar-width,
-    $kendo-drawer-scrollbar-color: $kendo-drawer-scrollbar-color,
-    $kendo-drawer-scrollbar-bg: $kendo-drawer-scrollbar-bg,
     $kendo-drawer-scrollbar-radius: $kendo-drawer-scrollbar-radius,
-    $kendo-drawer-scrollbar-hover-color: $kendo-drawer-scrollbar-hover-color,
     $kendo-drawer-items-padding-x: $kendo-drawer-items-padding-x,
     $kendo-drawer-items-padding-y: $kendo-drawer-items-padding-y,
     $kendo-drawer-item-padding-x: $kendo-drawer-item-padding-x,

package/scss/grid/_index.scss

@@ -1,7 +1,6 @@
 // Dependencies
 @use "../core/_index.scss" as *;
 @use "../utils/_index.scss" as *;
-@use "../adaptive/_index.scss" as *;
 @use "../progressbar/_index.scss" as *;
 @use "../button/_index.scss" as *;
 @use "../action-buttons/_index.scss" as *;
@@ -35,7 +34,6 @@
 @mixin kendo-grid--styles() {
     @include import-once( "grid" ) {
         @include core-styles();
-        @include kendo-adaptive--styles();
         @include kendo-progressbar--styles();
         @include kendo-button--styles();
         @include kendo-action-buttons--styles();

package/scss/index.scss

@@ -94,7 +94,6 @@
 @forward "./splitter/_index.scss";
 @forward "./tilelayout/_index.scss";
 @forward "./dock-manager/_index.scss";
-@forward "./adaptive/_index.scss";
 @forward "./grid/_index.scss";
 @forward "./listview/_index.scss";
 @forward "./spreadsheet/_index.scss";
@@ -281,7 +280,6 @@
 
 
 // Misc
-@use "./adaptive/_index.scss" as *;
 @use "./file-box/_index.scss" as *;
 @use "./chat/_index.scss" as *;
 @use "./mediaplayer/_index.scss" as *;
@@ -297,6 +295,7 @@
 
 // Dataviz
 @use "./dataviz/_index.scss" as *;
+@use "./diagram/_index.scss" as *;
 @use "./map/_index.scss" as *;
 @use "./orgchart/_index.scss" as *;
 @use "./signature/_index.scss" as *;
@@ -461,7 +460,6 @@
 
 
     // Misc
-    @include kendo-adaptive--styles();
     @include kendo-file-box--styles();
     @include kendo-chat--styles();
     @include kendo-media-player--styles();
@@ -477,6 +475,7 @@
 
     // Dataviz
     @include kendo-dataviz--styles();
+    @include kendo-diagram--styles();
     @include kendo-map--styles();
     @include kendo-orgchart--styles();
     @include kendo-signature--styles();

package/scss/progressbar/_variables.scss

@@ -11,7 +11,7 @@ $kendo-progressbar-height: 4px !default;
 $kendo-progressbar-horizontal-width: 100% !default;
 /// The animation timing of the ProgressBar.
 /// @group progressbar
-$kendo-progressbar-animation-timing: unset !default;
+$kendo-progressbar-animation-timing: none !default;
 /// The width of the border around the ProgressBar.
 /// @group progressbar
 $kendo-progressbar-border-width: 0px !default;

package/scss/scheduler/_index.scss

@@ -2,7 +2,11 @@
 @use "../core/_index.scss" as *;
 @use "../icons/_index.scss" as *;
 @use "../utils/_index.scss" as *;
-@use "../adaptive/_index.scss" as *;
+@use "../listgroup/_index.scss" as *;
+@use "../checkbox/_index.scss" as *;
+@use "../radio/_index.scss" as *;
+@use "../switch/_index.scss" as *;
+@use "../toolbar/_index.scss" as *;
 @use "../button/_index.scss" as *;
 @use "../datetimepicker/_index.scss" as *;
 @use "../dropdownlist/_index.scss" as *;
@@ -20,7 +24,11 @@
     @include import-once( "scheduler" ) {
         @include core-styles();
         @include kendo-icon--styles();
-        @include kendo-adaptive--styles();
+        @include kendo-listgroup--styles();
+        @include kendo-checkbox--styles();
+        @include kendo-radio--styles();
+        @include kendo-switch--styles();
+        @include kendo-toolbar--styles();
         @include kendo-button--styles();
         @include kendo-date-time-picker--styles();
         @include kendo-dropdown-list--styles();

package/scss/scheduler/_variables.scss

@@ -4,7 +4,6 @@
 @use "../toolbar/_variables.scss" as *;
 @use "../calendar/_variables.scss" as *;
 
-
 // Scheduler
 
 /// The width of the border around the Scheduler.
@@ -268,6 +267,25 @@ $kendo-scheduler-marquee-label-inset-y: k-spacing(0.5) !default;
 /// @group scheduler
 $kendo-scheduler-header-bg: k-color(app-surface) !default;
 
+
+// Adaptive
+$kendo-scheduler-adaptive-bg: k-color(surface-alt) !default;
+$kendo-scheduler-adaptive-text: k-color(on-app-surface) !default;
+$kendo-scheduler-adaptive-border: k-color(border) !default;
+
+$kendo-scheduler-adaptive-content-bg: k-color(app-surface) !default;
+
+$kendo-scheduler-adaptive-menu-clear-text: k-color(primary-on-surface) !default;
+
+$kendo-scheduler-adaptive-border-width: 1px !default;
+$kendo-scheduler-adaptive-font-family: var(--kendo-font-family) !default;
+$kendo-scheduler-adaptive-font-size: var(--kendo-font-size) !default;
+$kendo-scheduler-adaptive-line-height: var(--kendo-line-height) !default;
+
+$kendo-scheduler-adaptive-current-text: k-color(primary-on-surface) !default;
+$kendo-scheduler-adaptive-base-text: inherit !default;
+$kendo-scheduler-adaptive-subtle-text: k-color(on-app-surface) !default;
+
 @forward "@progress/kendo-theme-core/scss/components/scheduler/_variables.scss" with (
     $kendo-scheduler-border-width: $kendo-scheduler-border-width,
     $kendo-scheduler-border-radius: $kendo-scheduler-border-radius,
@@ -346,5 +364,17 @@ $kendo-scheduler-header-bg: k-color(app-surface) !default;
     $kendo-scheduler-indicators-margin: $kendo-scheduler-indicators-margin,
     $kendo-scheduler-marquee-label-inset-x: $kendo-scheduler-marquee-label-inset-x,
     $kendo-scheduler-marquee-label-inset-y: $kendo-scheduler-marquee-label-inset-y,
-    $kendo-scheduler-header-bg: $kendo-scheduler-header-bg
+    $kendo-scheduler-header-bg: $kendo-scheduler-header-bg,
+    $kendo-scheduler-adaptive-bg: $kendo-scheduler-adaptive-bg,
+    $kendo-scheduler-adaptive-text: $kendo-scheduler-adaptive-text,
+    $kendo-scheduler-adaptive-border: $kendo-scheduler-adaptive-border,
+    $kendo-scheduler-adaptive-content-bg: $kendo-scheduler-adaptive-content-bg,
+    $kendo-scheduler-adaptive-menu-clear-text: $kendo-scheduler-adaptive-menu-clear-text,
+    $kendo-scheduler-adaptive-border-width: $kendo-scheduler-adaptive-border-width,
+    $kendo-scheduler-adaptive-font-family: $kendo-scheduler-adaptive-font-family,
+    $kendo-scheduler-adaptive-font-size: $kendo-scheduler-adaptive-font-size,
+    $kendo-scheduler-adaptive-line-height: $kendo-scheduler-adaptive-line-height,
+    $kendo-scheduler-adaptive-current-text: $kendo-scheduler-adaptive-current-text,
+    $kendo-scheduler-adaptive-base-text: $kendo-scheduler-adaptive-base-text,
+    $kendo-scheduler-adaptive-subtle-text: $kendo-scheduler-adaptive-subtle-text
 );

package/scss/slider/_theme.scss

@@ -26,10 +26,6 @@
             .k-draghandle {
                 @include fill( $bg: $kendo-slider-track-bg );
             }
-
-            .k-draghandle {
-                border: 2px solid inherit;
-            }
         }
     }
 

package/scss/adaptive/_index.scss

@@ -1,26 +0,0 @@
-// Dependencies (TODO: extract variables)
-@use "../core/_index.scss" as *;
-@use "../listgroup/_index.scss" as *;
-@use "../checkbox/_index.scss" as *;
-@use "../radio/_index.scss" as *;
-@use "../switch/_index.scss" as *;
-@use "../toolbar/_index.scss" as *;
-
-// Component
-@forward "./_variables.scss";
-@use "./_layout.scss" as *;
-@use "./_theme.scss" as *;
-
-// Expose
-@mixin kendo-adaptive--styles() {
-    @include import-once( "adaptive" ) {
-        @include core-styles();
-        @include kendo-listgroup--styles();
-        @include kendo-checkbox--styles();
-        @include kendo-radio--styles();
-        @include kendo-switch--styles();
-        @include kendo-toolbar--styles();
-        @include kendo-adaptive--layout();
-        @include kendo-adaptive--theme();
-    }
-}

package/scss/adaptive/_layout.scss

@@ -1,6 +0,0 @@
-@use "@progress/kendo-theme-core/scss/components/adaptive/_layout.scss" as *;
-
-
-@mixin kendo-adaptive--layout() {
-    @include kendo-adaptive--layout-base();
-}

package/scss/adaptive/_theme.scss

@@ -1,6 +0,0 @@
-@use "@progress/kendo-theme-core/scss/components/adaptive/_theme.scss" as *;
-
-
-@mixin kendo-adaptive--theme() {
-    @include kendo-adaptive--theme-base();
-}

package/scss/adaptive/_variables.scss

@@ -1,88 +0,0 @@
-@use "../core/_index.scss" as *;
-
-
-// Adaptive Common
-/// The background color of the Adaptive component.
-/// @group adaptive
-$kendo-adaptive-bg: k-color(surface-alt) !default;
-/// The text color of the Adaptive component.
-/// @group adaptive
-$kendo-adaptive-text: k-color(on-app-surface) !default;
-/// The border color of the Adaptive component.
-/// @group adaptive
-$kendo-adaptive-border: k-color(border) !default;
-
-/// The background color of the Adaptive content.
-/// @group adaptive
-$kendo-adaptive-content-bg: k-color(app-surface) !default;
-/// The text color of the Adaptive content.
-/// @group adaptive
-$kendo-adaptive-content-text: k-color(on-app-surface) !default;
-
-/// The background color of the Adaptive menu.
-/// @group adaptive
-$kendo-adaptive-menu-bg: k-color(primary) !default;
-/// The text color of the Adaptive menu.
-/// @group adaptive
-$kendo-adaptive-menu-text: k-color(on-primary) !default;
-
-/// The text color of the Adaptive menu clear button.
-/// @group adaptive
-$kendo-adaptive-menu-clear-text: k-color(primary-on-surface) !default;
-
-/// The border color of the Adaptive menu item.
-/// @group adaptive
-$kendo-adaptive-menu-item-border: k-color(border) !default;
-/// The text color of the Adaptive menu title.
-/// @group adaptive
-$kendo-adaptive-menu-title-text: k-color(on-app-surface) !default;
-
-/// The width of the border around the Adaptive component.
-/// @group adaptive
-$kendo-adaptive-border-width: 1px !default;
-/// The font family of the Adaptive component.
-/// @group adaptive
-$kendo-adaptive-font-family: var(--kendo-font-family) !default;
-/// The font size of the Adaptive component.
-/// @group adaptive
-$kendo-adaptive-font-size: var(--kendo-font-size) !default;
-/// The line height of the Adaptive component.
-/// @group adaptive
-$kendo-adaptive-line-height: var(--kendo-line-height) !default;
-
-// Adaptive Grid
-/// The text color of the Adaptive Grid sort indicator.
-/// @group adaptive
-$kendo-adaptive-grid-sort-text: k-color(primary-on-surface) !default;
-
-// Adaptive Scheduler
-/// The text color of the current date in the Adaptive Scheduler.
-/// @group adaptive
-$kendo-adaptive-scheduler-current-text: k-color(primary-on-surface) !default;
-/// The base text color of the Adaptive Scheduler.
-/// @group adaptive
-$kendo-adaptive-scheduler-base-text: inherit !default;
-/// The subtle text color of the Adaptive Scheduler.
-/// @group adaptive
-$kendo-adaptive-scheduler-subtle-text: k-color(on-app-surface) !default;
-
-@forward "@progress/kendo-theme-core/scss/components/adaptive/_variables.scss" with (
-    $kendo-adaptive-bg: $kendo-adaptive-bg,
-    $kendo-adaptive-text: $kendo-adaptive-text,
-    $kendo-adaptive-border: $kendo-adaptive-border,
-    $kendo-adaptive-content-bg: $kendo-adaptive-content-bg,
-    $kendo-adaptive-content-text: $kendo-adaptive-content-text,
-    $kendo-adaptive-menu-bg: $kendo-adaptive-menu-bg,
-    $kendo-adaptive-menu-text: $kendo-adaptive-menu-text,
-    $kendo-adaptive-menu-clear-text: $kendo-adaptive-menu-clear-text,
-    $kendo-adaptive-menu-item-border: $kendo-adaptive-menu-item-border,
-    $kendo-adaptive-menu-title-text: $kendo-adaptive-menu-title-text,
-    $kendo-adaptive-border-width: $kendo-adaptive-border-width,
-    $kendo-adaptive-font-family: $kendo-adaptive-font-family,
-    $kendo-adaptive-font-size: $kendo-adaptive-font-size,
-    $kendo-adaptive-line-height: $kendo-adaptive-line-height,
-    $kendo-adaptive-grid-sort-text: $kendo-adaptive-grid-sort-text,
-    $kendo-adaptive-scheduler-current-text: $kendo-adaptive-scheduler-current-text,
-    $kendo-adaptive-scheduler-base-text: $kendo-adaptive-scheduler-base-text,
-    $kendo-adaptive-scheduler-subtle-text: $kendo-adaptive-scheduler-subtle-text
-);