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

package/dist/all.css

@@ -25994,38 +25994,74 @@ kendo-sortable {
     box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12);
 }
 
+.\!k-elevation-1 {
+    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+}
+
 .k-elevation-2 {
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12);
 }
 
+.\!k-elevation-2 {
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+}
+
 .k-elevation-3 {
     box-shadow: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12);
 }
 
+.\!k-elevation-3 {
+    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+}
+
 .k-elevation-4 {
     box-shadow: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12);
 }
 
+.\!k-elevation-4 {
+    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+}
+
 .k-elevation-5 {
     box-shadow: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12);
 }
 
+.\!k-elevation-5 {
+    box-shadow: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+}
+
 .k-elevation-6 {
     box-shadow: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12);
 }
 
+.\!k-elevation-6 {
+    box-shadow: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+}
+
 .k-elevation-7 {
     box-shadow: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12);
 }
 
+.\!k-elevation-7 {
+    box-shadow: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+}
+
 .k-elevation-8 {
     box-shadow: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12);
 }
 
+.\!k-elevation-8 {
+    box-shadow: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+}
+
 .k-elevation-9 {
     box-shadow: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12);
 }
 
+.\!k-elevation-9 {
+    box-shadow: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+}
+
 .k-body,
 .k-typography {
     font-size: 14px;
@@ -47540,6 +47576,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     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

@@ -8858,43 +8858,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
 
@@ -14797,11 +14797,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
@@ -28310,49 +28306,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: null !default;
+/// The default size of the Slider's track wrap.
+/// @group slider
 $kendo-slider-alt-size: 30px !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: 10px !default;
+/// The size of the Slider Buttons.
+/// @group slider
 $kendo-slider-button-size: ($kendo-slider-alt-size - 2) !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: 4px !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: 1px !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: null !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: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-color-primary )) !default;
+/// The border color of the Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-border: if($kendo-enable-color-system, k-color( primary ), k-try-shade( $kendo-color-primary, 2 )) !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: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-color-primary, 1 )) !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: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-slider-draghandle-hover-bg, 2 )) !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: if($kendo-enable-color-system, k-color( primary-active ), k-try-shade( $kendo-color-primary, 2 )) !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: if($kendo-enable-color-system, k-color( primary-active ), k-try-shade( $kendo-slider-draghandle-pressed-bg, 2 )) !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 4px 0 if($kendo-enable-color-system, rgba( k-color( primary, true ), .75 ), rgba( $kendo-slider-draghandle-border, .75 )) !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( base ), k-try-shade( $kendo-component-bg, 1 )) !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: null !default;
 
 // #endregion
@@ -53654,6 +53720,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%;
@@ -57402,70 +57473,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: 16px !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: 16px !default;
+/// The vertical spacing of the mobile Timeline.
+/// @group timeline
 $kendo-timeline-mobile-spacing-y: 16px !default;
 
+/// The width of the Timeline track arrow.
+/// @group timeline
 $kendo-timeline-track-arrow-width: 30px !default;
+/// The height of the Timeline track arrow.
+/// @group timeline
 $kendo-timeline-track-arrow-height: 30px !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( base, true ), .6 ), k-true-mix( $kendo-button-bg, $kendo-body-bg, 65% )) !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-base, true ), .6 ), 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, rgba( k-color( border, true ), .15 ), k-true-mix( #000000, $kendo-body-bg, 4.8% )) !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: 16px !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: $kendo-button-bg !default;
+/// The border color of the Timeline track.
+/// @group timeline
 $kendo-timeline-track-border-color: $kendo-button-border !default;
 
+/// The shadow of the Timeline's focused track items.
+/// @group timeline
 $kendo-timeline-track-item-focus-shadow: k-elevation(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-legacy( $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-md-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