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

package/dist/all.css

@@ -25993,38 +25993,74 @@ kendo-sortable {
     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.038);
 }
 
+.\!k-elevation-1 {
+    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.038) !important;
+}
+
 .k-elevation-2 {
     box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.075);
 }
 
+.\!k-elevation-2 {
+    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.075) !important;
+}
+
 .k-elevation-3 {
     box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
 }
 
+.\!k-elevation-3 {
+    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;
+}
+
 .k-elevation-4 {
     box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.125);
 }
 
+.\!k-elevation-4 {
+    box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.125) !important;
+}
+
 .k-elevation-5 {
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
 }
 
+.\!k-elevation-5 {
+    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15) !important;
+}
+
 .k-elevation-6 {
     box-shadow: 0px 11px 24px 0px rgba(0, 0, 0, 0.159);
 }
 
+.\!k-elevation-6 {
+    box-shadow: 0px 11px 24px 0px rgba(0, 0, 0, 0.159) !important;
+}
+
 .k-elevation-7 {
     box-shadow: 0px 14px 36px 0px rgba(0, 0, 0, 0.168);
 }
 
+.\!k-elevation-7 {
+    box-shadow: 0px 14px 36px 0px rgba(0, 0, 0, 0.168) !important;
+}
+
 .k-elevation-8 {
     box-shadow: 0px 16px 48px 0px rgba(0, 0, 0, 0.176);
 }
 
+.\!k-elevation-8 {
+    box-shadow: 0px 16px 48px 0px rgba(0, 0, 0, 0.176) !important;
+}
+
 .k-elevation-9 {
     box-shadow: 0px 18px 60px 0px rgba(0, 0, 0, 0.185);
 }
 
+.\!k-elevation-9 {
+    box-shadow: 0px 18px 60px 0px rgba(0, 0, 0, 0.185) !important;
+}
+
 .k-body,
 .k-typography {
     font-size: 1rem;
@@ -47760,6 +47796,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

@@ -10730,43 +10730,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
 
@@ -16669,11 +16669,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
@@ -30322,49 +30318,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: $kendo-button-focus-shadow !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-color( $kendo-color-primary )) !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: if($kendo-enable-color-system, k-color( primary-hover ), k-try-darken( $kendo-color-primary, 7.5% )) !default;
+/// The text color of the hovered Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-hover-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-color-primary )) !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-darken( $kendo-color-primary, 10% )) !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-darken( $kendo-color-primary, 10% )) !default;
+/// The text color of the active Slider drag handle.
+/// @group slider
 $kendo-slider-draghandle-pressed-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-color-primary )) !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-darken( $kendo-color-primary, 12.5% )) !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 3px if($kendo-enable-color-system, rgba( k-color( primary, true ), .5 ), rgba( $kendo-color-primary, .5 )) !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: $gray-200 !default;
+/// The background color of the Slider's track selection.
+/// @group slider
 $kendo-slider-selection-bg: $kendo-selected-bg !default;
+/// @group slider
+/// The opacity of the disabled Slider.
 $kendo-slider-disabled-opacity: null !default;
 
 // #endregion
@@ -56396,6 +56462,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%;
@@ -60174,70 +60245,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: 38px !default;
+/// The height of the Timeline track arrow.
+/// @group timeline
 $kendo-timeline-track-arrow-height: 38px !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-subtle, true ), .65 ), 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 ), .65 ), 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( $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: k-map-get( $kendo-spacing, 4 ) !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-timeline-track-bg !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: 80px !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: 10px !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