@progress/kendo-theme-bootstrap 5.2.1-dev.4 → 5.3.0

package/dist/all.css

@@ -1416,6 +1416,22 @@ kendo-sortable {
     background-color: #f8f9fa;
 }
 
+.k-aspect-ratio-auto {
+    aspect-ratio: auto;
+}
+
+.\!k-aspect-ratio-auto {
+    aspect-ratio: auto !important;
+}
+
+.k-aspect-ratio-1 {
+    aspect-ratio: 1;
+}
+
+.\!k-aspect-ratio-1 {
+    aspect-ratio: 1 !important;
+}
+
 .k-border {
     border-width: 1px !important;
 }
@@ -6095,6 +6111,10 @@ kendo-sortable {
 }
 
 .k-text-nowrap {
+    white-space: nowrap;
+}
+
+.\!k-text-nowrap {
     white-space: nowrap !important;
 }
 
@@ -6104,51 +6124,147 @@ kendo-sortable {
     text-overflow: ellipsis;
 }
 
+.k-white-space-normal {
+    white-space: normal;
+}
+
+.\!k-white-space-normal {
+    white-space: normal !important;
+}
+
+.k-white-space-nowrap {
+    white-space: nowrap;
+}
+
+.\!k-white-space-nowrap {
+    white-space: nowrap !important;
+}
+
+.k-white-space-pre {
+    white-space: pre;
+}
+
+.\!k-white-space-pre {
+    white-space: pre !important;
+}
+
+.k-white-space-pre-wrap {
+    white-space: pre-wrap;
+}
+
+.\!k-white-space-pre-wrap {
+    white-space: pre-wrap !important;
+}
+
+.k-white-space-pre-line {
+    white-space: pre-line;
+}
+
+.\!k-white-space-pre-line {
+    white-space: pre-line !important;
+}
+
+.k-white-space-break-spaces {
+    white-space: break-spaces;
+}
+
+.\!k-white-space-break-spaces {
+    white-space: break-spaces !important;
+}
+
 .k-text-left {
+    text-align: left;
+}
+
+.\!k-text-left {
     text-align: left !important;
 }
 
 .k-text-right {
+    text-align: right;
+}
+
+.\!k-text-right {
     text-align: right !important;
 }
 
 .k-text-center {
+    text-align: center;
+}
+
+.\!k-text-center {
     text-align: center !important;
 }
 
 .k-text-justify {
+    text-align: justify;
+}
+
+.\!k-text-justify {
     text-align: justify !important;
 }
 
 .k-text-lowercase {
+    text-transform: lowercase;
+}
+
+.\!k-text-lowercase {
     text-transform: lowercase !important;
 }
 
 .k-text-uppercase {
+    text-transform: uppercase;
+}
+
+.\!k-text-uppercase {
     text-transform: uppercase !important;
 }
 
 .k-text-capitalize {
+    text-transform: capitalize;
+}
+
+.\!k-text-capitalize {
     text-transform: capitalize !important;
 }
 
 .k-fs-xs {
+    font-size: 0.75rem;
+}
+
+.\!k-fs-xs {
     font-size: 0.75rem !important;
 }
 
 .k-fs-sm {
+    font-size: 0.875rem;
+}
+
+.\!k-fs-sm {
     font-size: 0.875rem !important;
 }
 
 .k-fs-md {
+    font-size: 1rem;
+}
+
+.\!k-fs-md {
     font-size: 1rem !important;
 }
 
 .k-fs-lg {
+    font-size: 1.25rem;
+}
+
+.\!k-fs-lg {
     font-size: 1.25rem !important;
 }
 
 .k-fs-xl {
+    font-size: 1.5rem;
+}
+
+.\!k-fs-xl {
     font-size: 1.5rem !important;
 }
 
@@ -12060,7 +12176,6 @@ kendo-badge-container {
 }
 
 .k-icon-button {
-    aspect-ratio: 1;
     gap: 0;
 }
 
@@ -14013,7 +14128,7 @@ textarea.k-input-inner {
     width: auto;
 }
 
-.k-floating-label-container.k-state-empty > .k-label {
+.k-floating-label-container.k-state-empty > .k-label, .k-floating-label-container.k-empty > .k-label {
     top: calc(1.875rem + 1px);
     left: calc(0.75rem + 1px);
     transform: scale(1);
@@ -14021,7 +14136,8 @@ textarea.k-input-inner {
 }
 
 .k-floating-label-container > .k-label,
-.k-floating-label-container.k-state-focused > .k-label {
+.k-floating-label-container.k-state-focused > .k-label,
+.k-floating-label-container.k-focus > .k-label {
     top: 0;
     left: 0;
     transform: scale(1);
@@ -14044,25 +14160,30 @@ textarea.k-input-inner {
 [dir="rtl"] .k-floating-label-container > .k-label,
 .k-rtl .k-floating-label-container > .k-label, .k-floating-label-container[dir="rtl"] > .k-label {
     transform-origin: right center;
+    transition: transform 0.2s ease-out, color 0.2s ease-out, top 0.2s ease-out, right 0.2s ease-out;
 }
 
-[dir="rtl"] .k-floating-label-container.k-state-empty > .k-label,
-.k-rtl .k-floating-label-container.k-state-empty > .k-label, .k-floating-label-container[dir="rtl"].k-state-empty > .k-label {
+[dir="rtl"] .k-floating-label-container.k-state-empty > .k-label, [dir="rtl"] .k-floating-label-container.k-empty > .k-label,
+.k-rtl .k-floating-label-container.k-state-empty > .k-label,
+.k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir="rtl"].k-state-empty > .k-label, .k-floating-label-container[dir="rtl"].k-empty > .k-label {
     left: auto;
     right: calc(0.75rem + 1px);
 }
 
 [dir="rtl"] .k-floating-label-container > .k-label,
 [dir="rtl"] .k-floating-label-container.k-state-focused > .k-label,
+[dir="rtl"] .k-floating-label-container.k-focus > .k-label,
 .k-rtl .k-floating-label-container > .k-label,
-.k-rtl .k-floating-label-container.k-state-focused > .k-label, .k-floating-label-container[dir="rtl"] > .k-label,
-.k-floating-label-container[dir="rtl"].k-state-focused > .k-label {
+.k-rtl .k-floating-label-container.k-state-focused > .k-label,
+.k-rtl .k-floating-label-container.k-focus > .k-label, .k-floating-label-container[dir="rtl"] > .k-label,
+.k-floating-label-container[dir="rtl"].k-state-focused > .k-label,
+.k-floating-label-container[dir="rtl"].k-focus > .k-label {
     left: auto;
     right: 0;
 }
 
-[dir="rtl"] .k-floating-label-container:focus-within,
-.k-rtl .k-floating-label-container:focus-within, .k-floating-label-container[dir="rtl"]:focus-within {
+[dir="rtl"] .k-floating-label-container:focus-within > .k-label,
+.k-rtl .k-floating-label-container:focus-within > .k-label, .k-floating-label-container[dir="rtl"]:focus-within > .k-label {
     left: auto;
     right: 0;
 }
@@ -18991,7 +19112,7 @@ kendo-label > .k-label {
     box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.8);
 }
 
-.k-colorpalette-tile.k-state-selected, .k-colorpalette-tile.k-state-selected:hover {
+.k-colorpalette-tile.k-state-selected, .k-colorpalette-tile.k-state-selected:hover, .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-selected:hover {
     box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px white;
 }
 
@@ -19220,7 +19341,7 @@ kendo-label > .k-label {
 }
 
 .k-colorgradient-input-label {
-    color: #adb5bd;
+    color: #6c757d;
 }
 
 .k-rtl .k-colorgradient .k-hue-slider.k-slider-horizontal .k-slider-track,
@@ -20062,7 +20183,7 @@ kendo-label > .k-label {
 }
 
 .k-dropzone-inner .k-dropzone-note {
-    color: #afb1b2;
+    color: #6c757d;
 }
 
 .k-external-dropzone-hover .k-icon,
@@ -21408,7 +21529,6 @@ kendo-label > .k-label {
 
 .k-actionsheet-item-description {
     font-size: 0.875em;
-    opacity: 0.75;
 }
 
 .k-actionsheet > .k-hr {
@@ -21471,6 +21591,10 @@ kendo-label > .k-label {
     box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
 }
 
+.k-actionsheet-item-description {
+    color: #6c757d;
+}
+
 .k-actionsheet-action:hover, .k-actionsheet-action.k-state-hover {
     background-color: #e9ecef;
 }
@@ -23264,6 +23388,7 @@ kendo-card-footer {
     font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     font-size: 1rem;
     line-height: 1.5;
+    white-space: nowrap;
     display: flex;
     align-items: center;
     position: relative;
@@ -24529,7 +24654,7 @@ kendo-card-footer {
 }
 
 .k-expander-sub-title {
-    opacity: 0.5;
+    color: #6c757d;
 }
 
 .k-panelbar {
@@ -26119,7 +26244,7 @@ kendo-card-footer {
     padding: 0;
     width: auto;
     height: auto;
-    opacity: .5;
+    opacity: 0.5;
 }
 
 .k-group-indicator .k-button-flat::before, .k-group-indicator .k-button-flat::after {
@@ -26539,8 +26664,7 @@ div.k-grid-footer {
 }
 
 .k-grid-content,
-.k-grid-content-locked,
-.k-pager-wrap {
+.k-grid-content-locked {
     white-space: normal;
 }
 
@@ -30190,7 +30314,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
 }
 
 .k-taskboard-card .k-card-title:hover, .k-taskboard-card .k-card-title.k-state-hover {
-    color: #3485fd;
+    color: #0b5cd5;
 }
 
 .k-taskboard-card:focus, .k-taskboard-card.k-state-focus {
@@ -31252,8 +31376,7 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
 
 .k-gantt .k-treelist-scrollable .k-task-summary {
     height: 15px;
-    -webkit-clip-path: polygon(-20px 0, calc(100% + 20px) 0, calc(100% + 20px) 100%, 100% 100%, calc(100% - 8px) calc(100% - 5px), 8px calc(100% - 5px), 0 100%, -20px 100%);
-            clip-path: polygon(-20px 0, calc(100% + 20px) 0, calc(100% + 20px) 100%, 100% 100%, calc(100% - 8px) calc(100% - 5px), 8px calc(100% - 5px), 0 100%, -20px 100%);
+    clip-path: polygon(-20px 0, calc(100% + 20px) 0, calc(100% + 20px) 100%, 100% 100%, calc(100% - 8px) calc(100% - 5px), 8px calc(100% - 5px), 0 100%, -20px 100%);
 }
 
 .k-gantt .k-treelist-scrollable .k-task-summary-complete {
@@ -33300,6 +33423,10 @@ kendo-scheduler .k-event .k-event-actions,
     color: black;
 }
 
+.k-event-ongoing {
+    box-shadow: inset 0px 0px 0px 1px #ff0000;
+}
+
 .k-scheduler-marquee::before,
 .k-scheduler-marquee::after {
     border-color: #0d6efd;
@@ -33499,6 +33626,7 @@ kendo-scheduler .k-event .k-event-actions,
     border-style: solid;
     line-height: 1.25;
     word-wrap: break-word;
+    white-space: pre-wrap;
 }
 
 .k-chat .k-bubble a {

package/dist/all.scss

@@ -5332,6 +5332,39 @@ $display4-letter-spacing: null !default;
 
 
 // Component
+// #region @import "_aspect-ratio.scss"; -> packages/bootstrap/scss/utils/_aspect-ratio.scss
+// #region @import "~@progress/kendo-theme-default/scss/utils/_aspect-ratio.scss"; -> packages/bootstrap/node_modules/@progress/kendo-theme-default/scss/utils/_aspect-ratio.scss
+@include exports( "utils/aspect-ratio" ) {
+
+    // Aspect-ratio documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio.
+
+    // @name k-aspect-ratio-auto
+    // @description This is equivalent to `aspect-ratio: auto;`. Replaced elements with an intrinsic aspect ratio use that aspect ratio, otherwise the box has no preferred aspect ratio. Size calculations involving intrinsic aspect ratio always work with the content box dimensions.
+    // @group aspect-ratio
+
+    // @name k-aspect-ratio-1
+    // @description This is equivalent to `aspect-ratio: 1;`. The box's preferred aspect ratio is the specified ratio of 1. Size calculations involving preferred aspect ratio work with the dimensions of the box specified by box-sizing.
+    // @group aspect-ratio
+
+    $utils-aspect-ratio: (
+        auto,
+        1
+    ) !default;
+
+    @if $utils-aspect-ratio {
+        @each $aspect-ratio in $utils-aspect-ratio {
+            .k-aspect-ratio-#{$aspect-ratio} { aspect-ratio: $aspect-ratio; }
+
+            // sass-lint:disable-block no-important
+            .\!k-aspect-ratio-#{$aspect-ratio} { aspect-ratio: $aspect-ratio !important; }
+        }
+    }
+
+}
+
+// #endregion
+
+// #endregion
 // #region @import "_border.scss"; -> packages/bootstrap/scss/utils/_border.scss
 $utils-border-radius: (
     default: $kendo-border-radius-md,
@@ -6408,6 +6441,7 @@ $utils-border-radius: (
 @include exports( "utils/text" ) {
 
     // stylelint-disable block-opening-brace-space-before
+    // sass-lint:disable class-name-format
 
     // White-space documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/white-space.
     // Text-align documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/text-align.
@@ -6415,6 +6449,7 @@ $utils-border-radius: (
 
     $text-align: ( left, right, center, justify ) !default;
     $text-transform: ( lowercase, uppercase, capitalize ) !default;
+    $white-space: ( normal, nowrap, pre, pre-wrap, pre-line, break-spaces ) !default;
 
     $kendo-font-sizes: (
         xs: $font-size-xs,
@@ -6429,12 +6464,42 @@ $utils-border-radius: (
     /// @name k-text-nowrap
     /// @description This is equivalent to `white-space: nowrap;`. Collapses white space as for normal, but suppresses line breaks (text wrapping) within the source.
     /// @group text
-    .k-text-nowrap                  { white-space: nowrap !important; } // sass-lint:disable-line no-important
+    .k-text-nowrap                  { white-space: nowrap; }
+    .\!k-text-nowrap                { white-space: nowrap !important; } // sass-lint:disable-line no-important
     /// @name k-text-ellipsis
     /// @description This is equivalent to `white-space: nowrap; overflow: hidden; text-overflow: ellipsis;`.
     /// @group text
     .k-text-ellipsis                { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } // sass-lint:disable-line one-declaration-per-line
 
+    /// @name k-white-space-normal
+    /// @description This is equivalent to `white-space: normal;`. Sequences of white space are collapsed. Newline characters in the source are handled the same as other white space. Lines are broken as necessary to fill line boxes.
+    /// @group text
+
+    /// @name k-white-space-nowrap
+    /// @description This is equivalent to `white-space: nowrap;`. Collapses white space as for normal, but suppresses line breaks (text wrapping) within the source.
+    /// @group text
+
+    /// @name k-white-space-pre
+    /// @description This is equivalent to `white-space: pre;`. Sequences of white space are preserved. Lines are only broken at newline characters in the source and at <br> elements.
+    /// @group text
+
+    /// @name k-white-space-pre-wrap
+    /// @description This is equivalent to `white-space: pre-wrap;`. Sequences of white space are preserved. Lines are broken at newline characters, at <br>, and as necessary to fill line boxes.
+    /// @group text
+
+    /// @name k-white-space-pre-line
+    /// @description This is equivalent to `white-space: pre-line;`. Sequences of white space are collapsed. Lines are broken at newline characters, at <br>, and as necessary to fill line boxes.
+    /// @group text
+
+    /// @name k-white-space-break-spaces
+    /// @description This is equivalent to `white-space: break-spaces;`. Collapses white space as for normal, but suppresses line breaks (text wrapping) within the source.
+    /// @group text
+
+    @each $wrap in $white-space {
+        .k-white-space-#{$wrap}    { white-space: $wrap; }
+        .\!k-white-space-#{$wrap}  { white-space: $wrap !important; } // sass-lint:disable-line no-important
+    }
+
 
     // Align
 
@@ -6455,7 +6520,8 @@ $utils-border-radius: (
     /// @group text
 
     @each $align in $text-align {
-        .k-text-#{$align}           { text-align: $align !important; } // sass-lint:disable-line no-important
+        .k-text-#{$align}           { text-align: $align; }
+        .\!k-text-#{$align}         { text-align: $align !important; } // sass-lint:disable-line no-important
     }
 
 
@@ -6474,12 +6540,14 @@ $utils-border-radius: (
     /// @group text
 
     @each $transform in $text-transform {
-        .k-text-#{$transform}       { text-transform: $transform !important; } // sass-lint:disable-line no-important
+        .k-text-#{$transform}       { text-transform: $transform; }
+        .\!k-text-#{$transform}     { text-transform: $transform !important; } // sass-lint:disable-line no-important
     }
 
     // Font Size
     @each $name, $size in $kendo-font-sizes {
-        .k-fs-#{$name}       { font-size: $size !important; } // sass-lint:disable-line no-important
+        .k-fs-#{$name}              { font-size: $size; }
+        .\!k-fs-#{$name}            { font-size: $size !important; } // sass-lint:disable-line no-important
     }
 
     // Named font-weight
@@ -10250,7 +10318,7 @@ $kendo-button-disabled-shadow: null !default;
 
 // Solid button
 $kendo-solid-button-gradient: null !default;
-$kendo-solid-button-shade-function: "try-darken";
+$kendo-solid-button-shade-function: "try-darken" !default;
 $kendo-solid-button-shade-text-amount: 0 !default;
 $kendo-solid-button-shade-bg-amount: 0 !default;
 $kendo-solid-button-shade-border-amount: 0 !default;
@@ -10353,7 +10421,6 @@ $kendo-button-transition: $transition !default;
 
     // Icon Button
     .k-icon-button {
-        aspect-ratio: 1;
         gap: 0;
 
         .k-icon {
@@ -11845,7 +11912,8 @@ $floating-label-focus-text: null !default;
             width: auto;
         }
 
-        &.k-state-empty {
+        &.k-state-empty,
+        &.k-empty {
             > .k-label {
                 top: $floating-label-offset-y;
                 left: $floating-label-offset-x;
@@ -11856,7 +11924,8 @@ $floating-label-focus-text: null !default;
 
         > .k-label,
         // &:focus-within > .k-label,
-        &.k-state-focused > .k-label {
+        &.k-state-focused > .k-label,
+        &.k-focus > .k-label {
             top: $floating-label-focus-offset-y;
             left: $floating-label-focus-offset-x;
             transform: scale( $floating-label-focus-scale );
@@ -11877,9 +11946,11 @@ $floating-label-focus-text: null !default;
 
             > .k-label {
                 transform-origin: right center;
+                transition: transform $floating-label-transition, color $floating-label-transition, top $floating-label-transition, right $floating-label-transition;
             }
 
-            &.k-state-empty {
+            &.k-state-empty,
+            &.k-empty {
                 > .k-label {
                     left: auto;
                     right: $floating-label-offset-x;
@@ -11888,11 +11959,12 @@ $floating-label-focus-text: null !default;
 
             > .k-label,
             // &:focus-within > .k-label,
-            &.k-state-focused > .k-label {
+            &.k-state-focused > .k-label,
+            &.k-focus > .k-label {
                 left: auto;
                 right: $floating-label-focus-offset-x;
             }
-            &:focus-within {
+            &:focus-within > .k-label {
                 left: auto;
                 right: $floating-label-focus-offset-x;
             }
@@ -19725,7 +19797,9 @@ $colorpalette-tile-selected-shadow: 0 1px 3px 1px rgba( black, .3 ), inset 0 0 0
         }
 
         &.k-state-selected,
-        &.k-state-selected:hover {
+        &.k-state-selected:hover,
+        &.k-selected,
+        &.k-selected:hover {
             @include box-shadow( $colorpalette-tile-selected-shadow );
         }
 
@@ -19876,7 +19950,7 @@ $colorgradient-canvas-draghandle-margin-x: -( $colorgradient-draghandle-width /
 $colorgradient-input-width: 56px !default;
 $colorgradient-input-gap: ( $colorgradient-spacer / 2 ) !default;
 $colorgradient-input-label-gap: map-get( $spacing, 1 ) !default;
-$colorgradient-input-label-text: $disabled-text !default;
+$colorgradient-input-label-text: $subtle-text !default;
 
 $colorgradient-contrast-ratio-font-weight: $font-weight-bold !default;
 $colorgradient-contrast-spacer: ( $colorgradient-spacer / 2 ) !default;
@@ -22394,7 +22468,7 @@ $dropzone-hint-text: null !default;
 
 $dropzone-note-font-size: $font-size-xs !default;
 $dropzone-note-spacing: null !default;
-$dropzone-note-text: try-tint( $dropzone-text, 8 ) !default;
+$dropzone-note-text: $subtle-text !default;
 
 // #endregion
 // #region @import "_layout.scss"; -> packages/bootstrap/scss/dropzone/_layout.scss
@@ -23860,8 +23934,9 @@ $actionsheet-item-icon-size: null !default;
 
 $actionsheet-item-title-font-weight: null !default;
 $actionsheet-item-title-text-transform: null !default;
+
 $actionsheet-item-description-font-size: .875em !default;
-$actionsheet-item-description-opacity: .75 !default;
+$actionsheet-item-description-text: $subtle-text !default;
 
 $actionsheet-item-hover-bg: $hovered-bg !default;
 $actionsheet-item-hover-text: null !default;
@@ -23975,7 +24050,6 @@ $actionsheet-item-disabled-shadow: null !default;
     }
     .k-actionsheet-item-description {
         font-size: $actionsheet-item-description-font-size;
-        opacity: $actionsheet-item-description-opacity;
     }
 
 
@@ -24070,6 +24144,12 @@ $actionsheet-item-disabled-shadow: null !default;
     .k-actionsheet-item {}
 
 
+    // Actionsheet item description
+    .k-actionsheet-item-description {
+        @include fill( $color: $actionsheet-item-description-text );
+    }
+
+
     // Actionsheet action
     .k-actionsheet-action {
 
@@ -26663,6 +26743,7 @@ $pager-dropdown-width: 5em !default;
         font-family: $pager-font-family;
         font-size: $pager-font-size;
         line-height: $pager-line-height;
+        white-space: nowrap;
         display: flex;
         align-items: center;
         position: relative;
@@ -28619,7 +28700,7 @@ $expander-header-focused-shadow: $kendo-list-item-focus-shadow !default;
 
 $expander-title-text: $primary !default;
 
-$expander-header-sub-title-opacity: .5 !default;
+$expander-header-sub-title-text: $subtle-text !default;
 
 $expander-content-padding-x: $padding-x-lg !default;
 $expander-content-padding-y: $expander-content-padding-x !default;
@@ -28746,7 +28827,7 @@ $expander-content-padding-y: $expander-content-padding-x !default;
     }
 
     .k-expander-sub-title {
-        opacity: $expander-header-sub-title-opacity;
+        color: $expander-header-sub-title-text;
     }
 }
 
@@ -30463,6 +30544,8 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
 
     $grid-group-indicator-border-radius: $kendo-border-radius-md !default;
     $grid-group-indicator-gap: $table-cell-padding-y !default;
+    $grid-group-indicator-button-opacity: $kendo-input-clear-value-opacity !default;
+    $grid-group-indicator-button-hover-opacity: $kendo-input-clear-value-hover-opacity !default;
 
     $grid-grouping-row-border-top: 1px !default;
     $grid-group-footer-border-y: 1px !default;
@@ -30931,7 +31014,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
             padding: 0;
             width: auto;
             height: auto;
-            opacity: .5;
+            opacity: $grid-group-indicator-button-opacity;
 
             &::before,
             &::after {
@@ -30939,7 +31022,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
             }
 
             &:hover {
-                opacity: 1;
+                opacity: $grid-group-indicator-button-hover-opacity;
             }
         }
     }
@@ -31363,8 +31446,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
     }
 
     .k-grid-content,
-    .k-grid-content-locked,
-    .k-pager-wrap {
+    .k-grid-content-locked {
         white-space: normal;
     }
 
@@ -36014,7 +36096,7 @@ $taskboard-card-selected-shadow: none !default;
 
 $taskboard-card-header-text: $primary !default;
 $taskboard-card-header-focus-text: $primary-darker !default;
-$taskboard-card-header-hover-text: $primary-lighter !default;
+$taskboard-card-header-hover-text: $primary-darker !default;
 
 $taskboard-drag-placeholder-border-width: 1px !default;
 $taskboard-drag-placeholder-border-radius: $taskboard-card-border-radius !default;
@@ -38933,6 +39015,8 @@ $scheduler-event-selected-border: null !default;
 $scheduler-event-selected-gradient: null !default;
 $scheduler-event-selected-shadow: inset 0 0 0 3px rgba(255, 255, 255, .5) !default;
 
+$scheduler-event-ongoing-shadow: inset 0px 0px 0px 1px #ff0000 !default;
+
 $scheduler-cell-padding-x: map-get( $spacing, 3 ) !default;
 $scheduler-cell-padding-y: map-get( $spacing, 3 ) !default;
 $scheduler-cell-height: $line-height-em !default;
@@ -40251,6 +40335,9 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
     .k-event-inverse {
         color: contrast-wcag( $scheduler-event-text );
     }
+    .k-event-ongoing {
+        @include box-shadow( $scheduler-event-ongoing-shadow );
+    }
 
 
     // Drag hint
@@ -40638,6 +40725,7 @@ $chat-quick-reply-hover-border: $primary !default;
             border-style: solid;
             line-height: $chat-bubble-line-height;
             word-wrap: break-word;
+            white-space: pre-wrap;
 
             a {
                 color: inherit;

package/lib/swatches/bootstrap-3-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 3 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.2.1-dev.4",
+    "version": "5.3.0",
     "previewColors": [
         "#000000",
         "#222222",

package/lib/swatches/bootstrap-3.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 3",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.2.1-dev.4",
+    "version": "5.3.0",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/bootstrap-4-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 4 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.2.1-dev.4",
+    "version": "5.3.0",
     "previewColors": [
         "#000000",
         "#212529",

package/lib/swatches/bootstrap-4.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 4",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.2.1-dev.4",
+    "version": "5.3.0",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

package/lib/swatches/bootstrap-dataviz-v4.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.2.1-dev.4",
+    "version": "5.3.0",
     "previewColors": [
         "#0275d8",
         "#5bc0de",

package/lib/swatches/bootstrap-main-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.2.1-dev.4",
+    "version": "5.3.0",
     "previewColors": [
         "#000000",
         "#212529",

package/lib/swatches/bootstrap-main.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.2.1-dev.4",
+    "version": "5.3.0",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

package/lib/swatches/bootstrap-nordic.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.2.1-dev.4",
+    "version": "5.3.0",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

package/lib/swatches/bootstrap-turquoise-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Turquoise Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.2.1-dev.4",
+    "version": "5.3.0",
     "previewColors": [
         "#000000",
         "#292b2c",

package/lib/swatches/bootstrap-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.2.1-dev.4",
+    "version": "5.3.0",
     "previewColors": [
         "#ffffff",
         "#f2f2f2",

package/lib/swatches/bootstrap-urban.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.2.1-dev.4",
+    "version": "5.3.0",
     "previewColors": [
         "#ffffff",
         "#e3eef4",

package/lib/swatches/bootstrap-vintage.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Vintage",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "5.2.1-dev.4",
+    "version": "5.3.0",
     "previewColors": [
         "#ffffff",
         "#f2efe8",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-bootstrap",
   "description": "Bootstrap theme for Kendo UI",
-  "version": "5.2.1-dev.4",
+  "version": "5.3.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -49,8 +49,8 @@
     "postpublish": "echo 'no postpublish for bootstrap theme'"
   },
   "dependencies": {
-    "@progress/kendo-theme-default": "^5.2.1-dev.4",
+    "@progress/kendo-theme-default": "^5.3.0",
     "bootstrap": "^5.1.0"
   },
-  "gitHead": "9045b47fb4e1bcf58c8d4c400e28293bd0563b20"
+  "gitHead": "867f14d5246e147b66555ac808c5790ba8881d12"
 }

package/scss/action-sheet/_variables.scss

@@ -44,8 +44,9 @@ $actionsheet-item-icon-size: null !default;
 
 $actionsheet-item-title-font-weight: null !default;
 $actionsheet-item-title-text-transform: null !default;
+
 $actionsheet-item-description-font-size: .875em !default;
-$actionsheet-item-description-opacity: .75 !default;
+$actionsheet-item-description-text: $subtle-text !default;
 
 $actionsheet-item-hover-bg: $hovered-bg !default;
 $actionsheet-item-hover-text: null !default;

package/scss/button/_variables.scss

@@ -167,7 +167,7 @@ $kendo-button-disabled-shadow: null !default;
 
 // Solid button
 $kendo-solid-button-gradient: null !default;
-$kendo-solid-button-shade-function: "try-darken";
+$kendo-solid-button-shade-function: "try-darken" !default;
 $kendo-solid-button-shade-text-amount: 0 !default;
 $kendo-solid-button-shade-bg-amount: 0 !default;
 $kendo-solid-button-shade-border-amount: 0 !default;

package/scss/colorgradient/_variables.scss

@@ -45,7 +45,7 @@ $colorgradient-canvas-draghandle-margin-x: -( $colorgradient-draghandle-width /
 $colorgradient-input-width: 56px !default;
 $colorgradient-input-gap: ( $colorgradient-spacer / 2 ) !default;
 $colorgradient-input-label-gap: map-get( $spacing, 1 ) !default;
-$colorgradient-input-label-text: $disabled-text !default;
+$colorgradient-input-label-text: $subtle-text !default;
 
 $colorgradient-contrast-ratio-font-weight: $font-weight-bold !default;
 $colorgradient-contrast-spacer: ( $colorgradient-spacer / 2 ) !default;

package/scss/dropzone/_variables.scss

@@ -23,4 +23,4 @@ $dropzone-hint-text: null !default;
 
 $dropzone-note-font-size: $font-size-xs !default;
 $dropzone-note-spacing: null !default;
-$dropzone-note-text: try-tint( $dropzone-text, 8 ) !default;
+$dropzone-note-text: $subtle-text !default;

package/scss/expansion-panel/_variables.scss

@@ -27,7 +27,7 @@ $expander-header-focused-shadow: $kendo-list-item-focus-shadow !default;
 
 $expander-title-text: $primary !default;
 
-$expander-header-sub-title-opacity: .5 !default;
+$expander-header-sub-title-text: $subtle-text !default;
 
 $expander-content-padding-x: $padding-x-lg !default;
 $expander-content-padding-y: $expander-content-padding-x !default;

package/scss/scheduler/_variables.scss

@@ -40,6 +40,8 @@ $scheduler-event-selected-border: null !default;
 $scheduler-event-selected-gradient: null !default;
 $scheduler-event-selected-shadow: inset 0 0 0 3px rgba(255, 255, 255, .5) !default;
 
+$scheduler-event-ongoing-shadow: inset 0px 0px 0px 1px #ff0000 !default;
+
 $scheduler-cell-padding-x: map-get( $spacing, 3 ) !default;
 $scheduler-cell-padding-y: map-get( $spacing, 3 ) !default;
 $scheduler-cell-height: $line-height-em !default;

package/scss/taskboard/_variables.scss

@@ -86,7 +86,7 @@ $taskboard-card-selected-shadow: none !default;
 
 $taskboard-card-header-text: $primary !default;
 $taskboard-card-header-focus-text: $primary-darker !default;
-$taskboard-card-header-hover-text: $primary-lighter !default;
+$taskboard-card-header-hover-text: $primary-darker !default;
 
 $taskboard-drag-placeholder-border-width: 1px !default;
 $taskboard-drag-placeholder-border-radius: $taskboard-card-border-radius !default;

package/scss/utils/_aspect-ratio.scss

@@ -0,0 +1 @@
+@import "~@progress/kendo-theme-default/scss/utils/_aspect-ratio.scss";

package/scss/utils/_index.scss

@@ -6,6 +6,7 @@
 
 
 // Component
+@import "_aspect-ratio.scss";
 @import "_border.scss";
 @import "_display.scss";
 @import "_flex.scss";