@progress/kendo-theme-material 7.2.1-dev.1 → 7.2.1-dev.3

package/dist/all.css

@@ -25993,38 +25993,74 @@ kendo-sortable {
     box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
 }
 
+.\!k-elevation-1 {
+    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14) !important;
+}
+
 .k-elevation-2 {
     box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14);
 }
 
+.\!k-elevation-2 {
+    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14) !important;
+}
+
 .k-elevation-3 {
     box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14);
 }
 
+.\!k-elevation-3 {
+    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14) !important;
+}
+
 .k-elevation-4 {
     box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14);
 }
 
+.\!k-elevation-4 {
+    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14) !important;
+}
+
 .k-elevation-5 {
     box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14);
 }
 
+.\!k-elevation-5 {
+    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14) !important;
+}
+
 .k-elevation-6 {
     box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14);
 }
 
+.\!k-elevation-6 {
+    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14) !important;
+}
+
 .k-elevation-7 {
     box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14);
 }
 
+.\!k-elevation-7 {
+    box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14) !important;
+}
+
 .k-elevation-8 {
     box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14);
 }
 
+.\!k-elevation-8 {
+    box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14) !important;
+}
+
 .k-elevation-9 {
     box-shadow: 0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14);
 }
 
+.\!k-elevation-9 {
+    box-shadow: 0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14) !important;
+}
+
 .k-body,
 .k-typography {
     font-size: 14px;
@@ -49160,6 +49196,10 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     display: inline-flex;
 }
 
+.k-gantt .k-gantt-splitter {
+    border-width: 0;
+}
+
 .k-gantt .k-treelist-scrollable {
     width: 100%;
     border-width: 0;

package/dist/all.scss

@@ -9790,43 +9790,43 @@ $kendo-utils: (
 // #region @import "./_zindex.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/layout/_zindex.scss
 /// This is equivalent to `z-index: 0;`.
 /// @example z-index: 0;
-/// @name .k-zindex-0
+/// @name .k-z-0
 /// @group zindex
 /// @contextType css
 
 /// This is equivalent to `z-index: 10;`.
 /// @example z-index: 10;
-/// @name .k-zindex-10
+/// @name .k-z-10
 /// @group zindex
 /// @contextType css
 
 /// This is equivalent to `z-index: 20;`.
 /// @example z-index: 20;
-/// @name .k-zindex-20
+/// @name .k-z-20
 /// @group zindex
 /// @contextType css
 
 /// This is equivalent to `z-index: 30;`.
 /// @example z-index: 30;
-/// @name .k-zindex-30
+/// @name .k-z-30
 /// @group zindex
 /// @contextType css
 
 /// This is equivalent to `z-index: 40;`.
 /// @example z-index: 40;
-/// @name .k-zindex-40
+/// @name .k-z-40
 /// @group zindex
 /// @contextType css
 
 /// This is equivalent to `z-index: 50;`.
 /// @example z-index: 50;
-/// @name .k-zindex-50
+/// @name .k-z-50
 /// @group zindex
 /// @contextType css
 
 /// This is equivalent to `z-index: auto;`.
 /// @example z-index: auto;
-/// @name .k-zindex-auto
+/// @name .k-z-auto
 /// @group zindex
 /// @contextType css
 
@@ -15729,11 +15729,7 @@ $kendo-utils: (
 // #endregion
 
 @mixin kendo-utils--elevation {
-    @each $level, $elevation in $kendo-elevation {
-        .k-elevation-#{$level} {
-            box-shadow: $elevation;
-        }
-    }
+    @include generate-utils(elevation, box-shadow, $kendo-elevation);
 }
 
 // #endregion
@@ -30110,49 +30106,119 @@ $_kendo-module-meta: (
 
 
 // Slider
+/// The default size of the Slider.
+/// @group slider
 $kendo-slider-size: 200px !default;
+/// The default size of the Slider tick.
+/// @group slider
 $kendo-slider-tick-size: 2px !default;
+/// The default size of the Slider's track wrap.
+/// @group slider
 $kendo-slider-alt-size: 36px !default;
 
+/// The font family of the Slider.
+/// @group slider
 $kendo-slider-font-family: $kendo-font-family !default;
+/// The font size of the Slider.
+/// @group slider
 $kendo-slider-font-size: $kendo-font-size-md !default;
+/// The line height of the Slider.
+/// @group slider
 $kendo-slider-line-height: $kendo-line-height-md !default;
 
+/// The offset of the Slider Buttons.
+/// @group slider
 $kendo-slider-button-offset: 22px !default;
+/// The size of the Slider Buttons.
+/// @group slider
 $kendo-slider-button-size: 36px !default;
+/// The spacing of the Slider Buttons.
+/// @group slider
 $kendo-slider-button-spacing: ($kendo-slider-button-size + $kendo-slider-button-offset) !default;
+/// The shadow of the focused Slider Buttons.
+/// @group slider
 $kendo-slider-button-focus-shadow: null !default;
 
+/// The thickness of the Slider track.
+/// @group slider
 $kendo-slider-track-thickness: 2px !default;
+/// The size of the Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-size: 14px !default;
+/// The border width of the Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-border-width: 0px !default;
+/// The transition scale of the active Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-active-scale: 1 !default;
+/// The size of the active Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-active-size: 20px !default;
 
+/// The background color of the Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-bg: $kendo-color-primary !default;
+/// The text color of the Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-text: $kendo-color-primary-contrast !default;
+/// The border color of the Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-border: $kendo-color-primary !default;
+/// The gradient of the Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-gradient: null !default;
 
+/// The background color of the hovered Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-hover-bg: null !default;
+/// The text color of the hovered Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-hover-text: null !default;
+/// The border color of the hovered Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-hover-border: null !default;
+/// The gradient of the hovered Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-hover-gradient: null !default;
 
+/// The background color of the active Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-pressed-bg: null !default;
+/// The text color of the active Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-pressed-text: null !default;
+/// The border color of the active Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-pressed-border: null !default;
+/// The gradient of the active Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-pressed-gradient: null !default;
 
+/// The shadow of the focused Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-focus-shadow: 0 0 0 11px if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 )) !default;
 
+/// The transition speed of the Slider.
+/// @group slider
 $kendo-slider-transition-speed: .3s !default;
+/// The transition function of the Slider.
+/// @group slider
 $kendo-slider-transition-function: ease-out !default;
+/// The transition speed of the Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-transition-speed: .4s !default;
+/// The transition function of the Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-transition-function: cubic-bezier(.25, .8, .25, 1) !default;
 
+/// The background color of the Slider track.
+/// @group slider
 $kendo-slider-track-bg: if($kendo-enable-color-system, k-color( primary-subtle ), k-try-tint( $kendo-color-primary, 8 )) !default;
+/// The background color of the Slider's track selection.
+/// @group slider
 $kendo-slider-selection-bg: $kendo-color-primary !default;
+/// @group slider
+/// The opacity of the disabled Slider.
 $kendo-slider-disabled-opacity: .65 !default;
 
 // #endregion
@@ -56436,6 +56502,11 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
             display: inline-flex;
         }
 
+        // Splitter
+        .k-gantt-splitter {
+            border-width: 0;
+        }
+
         // React gantt
         .k-treelist-scrollable {
             width: 100%;
@@ -60400,70 +60471,171 @@ $_kendo-module-meta: (
 // Component
 // #region @import "./_variables.scss"; -> scss/timeline/_variables.scss
 // Timeline
+
+/// The horizontal spacing of the Timeline.
+/// @group timeline
 $kendo-timeline-spacing-x: 40px !default;
+/// The vertical spacing of the Timeline.
+/// @group timeline
 $kendo-timeline-spacing-y: 40px !default;
+/// The padding between the Timeline's track items.
+/// @group timeline
 $kendo-timeline-items-padding: $kendo-padding-md-x !default;
 
+/// The font family of the Timeline.
+/// @group timeline
 $kendo-timeline-font-family: $kendo-font-family !default;
+/// The font size of the Timeline.
+/// @group timeline
 $kendo-timeline-font-size: $kendo-font-size-md !default;
+/// The line height of the Timeline.
+/// @group timeline
 $kendo-timeline-line-height: $kendo-line-height-md !default;
 
+/// The horizontal spacing of the mobile Timeline.
+/// @group timeline
 $kendo-timeline-mobile-spacing-x: $kendo-padding-md-x !default;
+/// The vertical spacing of the mobile Timeline.
+/// @group timeline
 $kendo-timeline-mobile-spacing-y: $kendo-padding-md-x !default;
 
+/// The width of the Timeline track arrow.
+/// @group timeline
 $kendo-timeline-track-arrow-width: 36px !default;
+/// The height of the Timeline track arrow.
+/// @group timeline
 $kendo-timeline-track-arrow-height: 36px !default;
 
+/// The background color of the disabled Timeline track arrow.
+/// @group timeline
 $kendo-timeline-track-arrow-disabled-bg: if($kendo-enable-color-system, rgba( k-color( on-app-surface, rgba ), .09 ), k-true-mix(#000000, $kendo-body-bg, 8%)) !default;
+/// The text color of the disabled Timeline track arrow.
+/// @group timeline
 $kendo-timeline-track-arrow-disabled-text: if($kendo-enable-color-system, rgba( k-color( on-app-surface, rgba ), .32 ), k-true-mix($kendo-button-text, $kendo-body-bg, 65%)) !default;
+/// The border color of the disabled Timeline track arrow.
+/// @group timeline
 $kendo-timeline-track-arrow-disabled-border: if($kendo-enable-color-system, transparent, k-true-mix($kendo-button-border, $kendo-body-bg, 65%)) !default;
 
+/// The size of the Timeline track.
+/// @group timeline
 $kendo-timeline-track-size: 6px !default;
+/// The bottom padding of the Timeline's track wrapper.
+/// @group timeline
 $kendo-timeline-track-wrap-padding-bottom: k-math-div( $kendo-timeline-track-size, 2 ) !default;
+/// The border width of the Timeline track.
+/// @group timeline
 $kendo-timeline-track-border-width: 1px !default;
+/// The bottom margin of the Timeline track.
+/// @group timeline
 $kendo-timeline-track-margin-bottom: 18px !default;
+/// The bottom offset of the Timeline track.
+/// @group timeline
 $kendo-timeline-track-bottom-calc: calc(#{k-math-div( $kendo-timeline-track-arrow-height, 2 )} + #{$kendo-timeline-track-wrap-padding-bottom}) !default;
+/// The left offset of the Timeline track.
+/// @group timeline
 $kendo-timeline-track-start-calc: calc(#{$kendo-timeline-track-arrow-width} - 2 * #{$kendo-timeline-track-border-width}) !default;
+/// The right offset of the Timeline track.
+/// @group timeline
 $kendo-timeline-track-end-calc: calc(#{$kendo-timeline-track-arrow-width} - 2 * #{$kendo-timeline-track-border-width}) !default;
+/// The background color of the Timeline track.
+/// @group timeline
 $kendo-timeline-track-bg: #e0e0e0 !default;
+/// The border color of the Timeline track.
+/// @group timeline
 $kendo-timeline-track-border-color: $kendo-timeline-track-bg !default;
 
+/// The shadow of the Timeline's focused track items.
+/// @group timeline
 $kendo-timeline-track-item-focus-shadow: $box-shadow-depth-2 !default;
 
+/// The offset of the Timeline track event.
+/// @group timeline
 $kendo-timeline-track-event-offset: 36px !default;
 
+/// The horizontal padding of the Timeline flag.
+/// @group timeline
 $kendo-timeline-flag-padding-x: $kendo-button-padding-x !default;
+/// The vertical padding of the Timeline flag.
+/// @group timeline
 $kendo-timeline-flag-padding-y: $kendo-button-padding-y !default;
+/// The line height of the Timeline flag.
+/// @group timeline
 $kendo-timeline-flag-line-height: $kendo-button-line-height !default;
+/// The minimum width of the Timeline flag.
+/// @group timeline
 $kendo-timeline-flag-min-width: 80px !default;
+/// The maximum width of the Timeline flag.
+/// @group timeline
 $kendo-timeline-flag-max-width: calc(#{$kendo-timeline-flag-min-width} + 2 * #{$kendo-timeline-spacing-x}) !default;
+/// The maximum width of the mobile Timeline flag.
+/// @group timeline
 $kendo-timeline-mobile-flag-max-width: calc(#{$kendo-timeline-flag-min-width} + 2 * #{$kendo-timeline-mobile-spacing-x}) !default;
+/// The minimum width of the horizontal Timeline flag.
+/// @group timeline
 $kendo-timeline-horizontal-flag-min-width: 60px !default;
+/// The background color of the Timeline flag.
+/// @group timeline
 $kendo-timeline-flag-bg: $kendo-color-primary !default;
+/// The text color of the Timeline flag.
+/// @group timeline
 $kendo-timeline-flag-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-timeline-flag-bg )) !default;
 
+/// The width of the Timeline's flag callout.
+/// @group timeline
 $kendo-timeline-flag-callout-width: 10px !default;
+/// The height of the Timeline's flag callout.
+/// @group timeline
 $kendo-timeline-flag-callout-height: 10px !default;
 
+/// The bottom offset of the Timeline flag.
+/// @group timeline
 $kendo-timeline-flag-offset-bottom: 4px !default;
+/// The bottom margin of the Timeline flag.
+/// @group timeline
 $kendo-timeline-flag-margin-bottom-calc: calc(#{$kendo-timeline-track-size} + 2 * #{$kendo-timeline-track-border-width} + #{$kendo-timeline-flag-offset-bottom} + #{$kendo-timeline-flag-callout-height}) !default;
 
+/// The width of the Timeline date.
+/// @group timeline
 $kendo-timeline-date-width: 50px !default;
+/// The bottom margin of the Timeline date.
+/// @group timeline
 $kendo-timeline-date-margin-bottom: 8px !default;
 
+/// The padding of the vertical Timeline.
+/// @group timeline
 $kendo-timeline-vertical-padding-calc: calc(#{$kendo-timeline-spacing-x} + (#{$kendo-timeline-flag-min-width} - #{$kendo-timeline-track-size}) / 2) !default;
+/// The padding of the vertical Timeline date.
+/// @group timeline
 $kendo-timeline-vertical-padding-with-dates-calc: calc(#{$kendo-timeline-vertical-padding-calc} + #{$kendo-timeline-date-width}) !default;
+/// The padding of the vertical mobile Timeline.
+/// @group timeline
 $kendo-timeline-mobile-vertical-padding-calc: calc(#{$kendo-timeline-mobile-spacing-x} + (#{$kendo-timeline-flag-min-width} - #{$kendo-timeline-track-size}) / 2) !default;
+/// The padding of the vertical mobile Timeline date.
+/// @group timeline
 $kendo-timeline-mobile-vertical-padding-with-dates-calc: calc(#{$kendo-timeline-mobile-vertical-padding-calc} + #{$kendo-timeline-date-width}) !default;
 
+/// The width of the Timeline circle.
+/// @group timeline
 $kendo-timeline-circle-width: 16px !default;
+/// The height of the Timeline circle.
+/// @group timeline
 $kendo-timeline-circle-height: 16px !default;
+/// The background color of the Timeline circle.
+/// @group timeline
 $kendo-timeline-circle-bg: $kendo-color-primary !default;
 
+/// The horizontal padding of the Timeline collapse arrow.
+/// @group timeline
 $kendo-timeline-collapse-arrow-padding-x: $kendo-padding-sm-x !default;
 
+/// The width of the Timeline event.
+/// @group timeline
 $kendo-timeline-event-width: 400px !default;
+/// The height of the Timeline event.
+/// @group timeline
 $kendo-timeline-event-height: 600px !default;
+/// The minimum height of the Timeline event.
+/// @group timeline
 $kendo-timeline-event-min-height-calc: calc(2 * (#{$kendo-timeline-track-event-offset} - #{$kendo-card-border-width})) !default;
 
 // #endregion