@progress/kendo-theme-classic 5.2.1-dev.6 → 5.3.2-dev.0

package/dist/all.css

@@ -1412,6 +1412,22 @@ kendo-sortable {
     background-color: #f0f0f0;
 }
 
+.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;
 }
@@ -6091,6 +6107,10 @@ kendo-sortable {
 }
 
 .k-text-nowrap {
+    white-space: nowrap;
+}
+
+.\!k-text-nowrap {
     white-space: nowrap !important;
 }
 
@@ -6100,51 +6120,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: 10px;
+}
+
+.\!k-fs-xs {
     font-size: 10px !important;
 }
 
 .k-fs-sm {
+    font-size: 12px;
+}
+
+.\!k-fs-sm {
     font-size: 12px !important;
 }
 
 .k-fs-md {
+    font-size: 14px;
+}
+
+.\!k-fs-md {
     font-size: 14px !important;
 }
 
 .k-fs-lg {
+    font-size: 16px;
+}
+
+.\!k-fs-lg {
     font-size: 16px !important;
 }
 
 .k-fs-xl {
+    font-size: 20px;
+}
+
+.\!k-fs-xl {
     font-size: 20px !important;
 }
 
@@ -12046,7 +12162,6 @@ kendo-badge-container {
 }
 
 .k-icon-button {
-    aspect-ratio: 1;
     gap: 0;
 }
 
@@ -14016,11 +14131,12 @@ textarea.k-input-inner {
     transform: scale(1);
 }
 
-.k-floating-label-container.k-state-empty:not(.k-state-focused) :-ms-input-placeholder {
+.k-floating-label-container.k-state-empty:not(.k-state-focused) :-ms-input-placeholder, .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) :-ms-input-placeholder {
     color: transparent;
 }
 
-.k-floating-label-container.k-state-empty:not(.k-state-focused) ::placeholder {
+.k-floating-label-container.k-state-empty:not(.k-state-focused) ::placeholder,
+.k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
     color: transparent;
 }
 
@@ -18908,7 +19024,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;
 }
 
@@ -23162,6 +23278,7 @@ kendo-card-footer {
     font-family: inherit;
     font-size: 14px;
     line-height: 1.4285714286;
+    white-space: nowrap;
     display: flex;
     align-items: center;
     position: relative;
@@ -25927,7 +26044,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 {
@@ -26347,8 +26464,7 @@ div.k-grid-footer {
 }
 
 .k-grid-content,
-.k-grid-content-locked,
-.k-pager-wrap {
+.k-grid-content-locked {
     white-space: normal;
 }
 
@@ -31037,8 +31153,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 {
@@ -33060,6 +33175,10 @@ kendo-scheduler .k-recurrence-editor {
     color: black;
 }
 
+.k-event-ongoing {
+    box-shadow: inset 0px 0px 0px 1px #ff0000;
+}
+
 .k-scheduler-marquee::before,
 .k-scheduler-marquee::after {
     border-color: #f35800;
@@ -33260,6 +33379,7 @@ kendo-scheduler .k-recurrence-editor {
     border-style: solid;
     line-height: 18px;
     word-wrap: break-word;
+    white-space: pre-wrap;
 }
 
 .k-chat .k-bubble a {

package/dist/all.scss

@@ -3300,6 +3300,39 @@ $display4-letter-spacing: null !default;
 
 
 // Component
+// #region @import "_aspect-ratio.scss"; -> packages/classic/scss/utils/_aspect-ratio.scss
+// #region @import "~@progress/kendo-theme-default/scss/utils/_aspect-ratio.scss"; -> packages/classic/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/classic/scss/utils/_border.scss
 $utils-border-radius: (
     default: $kendo-border-radius-md,
@@ -4376,6 +4409,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.
@@ -4383,6 +4417,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,
@@ -4397,12 +4432,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
 
@@ -4423,7 +4488,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
     }
 
 
@@ -4442,12 +4508,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
@@ -8204,7 +8272,7 @@ $kendo-button-disabled-shadow: null !default;
 
 // Solid button
 $kendo-solid-button-gradient: $base-gradient !default;
-$kendo-solid-button-shade-function: "try-shade";
+$kendo-solid-button-shade-function: "try-shade" !default;
 $kendo-solid-button-shade-text-amount: 0 !default;
 $kendo-solid-button-shade-bg-amount: 0 !default;
 $kendo-solid-button-shade-border-amount: 2 !default;
@@ -8307,7 +8375,6 @@ $kendo-button-transition: color .2s ease-in-out !default;
 
     // Icon Button
     .k-icon-button {
-        aspect-ratio: 1;
         gap: 0;
 
         .k-icon {
@@ -9814,7 +9881,8 @@ $floating-label-focus-text: null !default;
             transform: scale( $floating-label-focus-scale );
         }
 
-        &.k-state-empty:not(.k-state-focused) ::placeholder {
+        &.k-state-empty:not(.k-state-focused) ::placeholder,
+        &.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
             color: transparent;
         }
 
@@ -17591,7 +17659,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 );
         }
 
@@ -24449,6 +24519,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;
@@ -28158,6 +28229,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;
@@ -28626,7 +28699,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
             padding: 0;
             width: auto;
             height: auto;
-            opacity: .5;
+            opacity: $grid-group-indicator-button-opacity;
 
             &::before,
             &::after {
@@ -28634,7 +28707,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
             }
 
             &:hover {
-                opacity: 1;
+                opacity: $grid-group-indicator-button-hover-opacity;
             }
         }
     }
@@ -29058,8 +29131,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;
     }
 
@@ -36591,6 +36663,8 @@ $scheduler-event-selected-border: null !default;
 $scheduler-event-selected-gradient: null !default;
 $scheduler-event-selected-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;
 
+$scheduler-event-ongoing-shadow: inset 0px 0px 0px 1px #ff0000 !default;
+
 $scheduler-cell-padding-x: map-get( $spacing, 2 ) !default;
 $scheduler-cell-padding-y: map-get( $spacing, 2 ) !default;
 $scheduler-cell-height: $line-height-em !default;
@@ -37879,6 +37953,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
@@ -38266,6 +38343,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/classic-green-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Green Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.2.1-dev.6",
+    "version": "5.3.2-dev.0",
     "previewColors": [
         "#000000",
         "#131413",

package/lib/swatches/classic-green.json

@@ -3,7 +3,7 @@
     "name": "Classic Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.2.1-dev.6",
+    "version": "5.3.2-dev.0",
     "previewColors": [
         "#ffffff",
         "#f3f4f3",

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

@@ -3,7 +3,7 @@
     "name": "Classic Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.2.1-dev.6",
+    "version": "5.3.2-dev.0",
     "previewColors": [
         "#000000",
         "#101010",

package/lib/swatches/classic-main.json

@@ -3,7 +3,7 @@
     "name": "Classic Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.2.1-dev.6",
+    "version": "5.3.2-dev.0",
     "previewColors": [
         "#ffffff",
         "#f0f0f0",

package/lib/swatches/classic-opal-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.2.1-dev.6",
+    "version": "5.3.2-dev.0",
     "previewColors": [
         "#000000",
         "#1e242d",

package/lib/swatches/classic-opal.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.2.1-dev.6",
+    "version": "5.3.2-dev.0",
     "previewColors": [
         "#ffffff",
         "#def4fd",

package/lib/swatches/classic-silver-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.2.1-dev.6",
+    "version": "5.3.2-dev.0",
     "previewColors": [
         "#000000",
         "#131314",

package/lib/swatches/classic-silver.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.2.1-dev.6",
+    "version": "5.3.2-dev.0",
     "previewColors": [
         "#ffffff",
         "#f3f3f4",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-classic",
   "description": "Sass port of less based themes for Kendo UI theme",
-  "version": "5.2.1-dev.6",
+  "version": "5.3.2-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -49,7 +49,7 @@
     "postpublish": "echo 'no postpublish for classic theme'"
   },
   "dependencies": {
-    "@progress/kendo-theme-default": "^5.2.1-dev.6"
+    "@progress/kendo-theme-default": "^5.3.2-dev.0"
   },
-  "gitHead": "2ceeec1399fcc1bb057257c25da8b4512378b079"
+  "gitHead": "32946c0dfe2496ff8c6ff8661391c0376b85c7b7"
 }

package/scss/button/_variables.scss

@@ -167,7 +167,7 @@ $kendo-button-disabled-shadow: null !default;
 
 // Solid button
 $kendo-solid-button-gradient: $base-gradient !default;
-$kendo-solid-button-shade-function: "try-shade";
+$kendo-solid-button-shade-function: "try-shade" !default;
 $kendo-solid-button-shade-text-amount: 0 !default;
 $kendo-solid-button-shade-bg-amount: 0 !default;
 $kendo-solid-button-shade-border-amount: 2 !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 2px rgba(0, 0, 0, .13) !default;
 
+$scheduler-event-ongoing-shadow: inset 0px 0px 0px 1px #ff0000 !default;
+
 $scheduler-cell-padding-x: map-get( $spacing, 2 ) !default;
 $scheduler-cell-padding-y: map-get( $spacing, 2 ) !default;
 $scheduler-cell-height: $line-height-em !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";