@progress/kendo-theme-classic 5.2.1-dev.2 → 5.2.1-dev.5

package/dist/all.css

@@ -13357,10 +13357,35 @@ kendo-badge-container {
     margin: 0;
 }
 
-.k-input:disabled, .k-input[disabled], .k-input.k-disabled,
-.k-picker:disabled,
-.k-picker[disabled],
-.k-picker.k-disabled {
+.k-input:-ms-input-placeholder, .k-picker:-ms-input-placeholder {
+    color: #646464;
+    opacity: 1;
+    -ms-user-select: none;
+        user-select: none;
+}
+
+.k-input::placeholder,
+.k-picker::placeholder {
+    color: #646464;
+    opacity: 1;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+}
+
+.k-input:-ms-input-placeholder,
+.k-picker:-ms-input-placeholder {
+    color: #646464;
+}
+
+input.k-input,
+textarea.k-textarea {
+    padding: 4px 8px;
+}
+
+input.k-input:disabled, input.k-input[disabled],
+textarea.k-textarea:disabled,
+textarea.k-textarea[disabled] {
     outline: none;
     cursor: default;
     opacity: 0.6;
@@ -13369,30 +13394,25 @@ kendo-badge-container {
     box-shadow: none;
 }
 
-.k-input:disabled [disabled],
-.k-input:disabled .k-disabled,
-.k-input:disabled .k-state-disabled, .k-input[disabled] [disabled],
-.k-input[disabled] .k-disabled,
-.k-input[disabled] .k-state-disabled, .k-input.k-disabled [disabled],
-.k-input.k-disabled .k-disabled,
-.k-input.k-disabled .k-state-disabled,
-.k-picker:disabled [disabled],
-.k-picker:disabled .k-disabled,
-.k-picker:disabled .k-state-disabled,
-.k-picker[disabled] [disabled],
-.k-picker[disabled] .k-disabled,
-.k-picker[disabled] .k-state-disabled,
-.k-picker.k-disabled [disabled],
-.k-picker.k-disabled .k-disabled,
-.k-picker.k-disabled .k-state-disabled {
+[disabled] input.k-input:disabled,
+.k-disabled input.k-input:disabled,
+.k-state-disabled input.k-input:disabled, [disabled] input.k-input[disabled],
+.k-disabled input.k-input[disabled],
+.k-state-disabled input.k-input[disabled], [disabled]
+textarea.k-textarea:disabled,
+.k-disabled
+textarea.k-textarea:disabled,
+.k-state-disabled
+textarea.k-textarea:disabled, [disabled]
+textarea.k-textarea[disabled],
+.k-disabled
+textarea.k-textarea[disabled],
+.k-state-disabled
+textarea.k-textarea[disabled] {
     opacity: 1;
     filter: grayscale(0);
 }
 
-input.k-input {
-    padding: 4px 8px;
-}
-
 .k-picker {
     cursor: pointer;
 }
@@ -13403,6 +13423,24 @@ select.k-picker {
             appearance: auto;
 }
 
+select.k-picker:disabled, select.k-picker[disabled] {
+    outline: none;
+    cursor: default;
+    opacity: 0.6;
+    filter: grayscale(0.1);
+    pointer-events: none;
+    box-shadow: none;
+}
+
+[disabled] select.k-picker:disabled,
+.k-disabled select.k-picker:disabled,
+.k-state-disabled select.k-picker:disabled, [disabled] select.k-picker[disabled],
+.k-disabled select.k-picker[disabled],
+.k-state-disabled select.k-picker[disabled] {
+    opacity: 1;
+    filter: grayscale(0);
+}
+
 .k-input-inner {
     padding: 4px 8px;
     width: 100%;
@@ -13950,7 +13988,6 @@ textarea.k-input-inner {
     cursor: text;
     transform-origin: left center;
     transition: transform 0.2s ease-out, color 0.2s ease-out, top 0.2s ease-out, left 0.2s ease-out;
-    pointer-events: none;
 }
 
 .k-floating-label-container > .k-widget {
@@ -13958,14 +13995,16 @@ 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: 25.0000000004px;
     left: 9px;
     transform: scale(1);
+    pointer-events: none;
 }
 
 .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);
@@ -13988,25 +14027,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: 9px;
 }
 
 [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;
 }
@@ -16343,6 +16387,7 @@ kendo-label > .k-label {
 .k-form-buttons {
     margin-top: 2em;
     padding: 0;
+    overflow: visible;
 }
 
 .k-form-hint,
@@ -19092,7 +19137,7 @@ kendo-label > .k-label {
 }
 
 .k-colorgradient-input-label {
-    color: #8d8d8d;
+    color: #646464;
 }
 
 .k-rtl .k-colorgradient .k-hue-slider.k-slider-horizontal .k-slider-track,
@@ -19257,284 +19302,8 @@ kendo-label > .k-label {
     overflow: hidden;
 }
 
-.k-dropdowngrid-popup .k-virtual-wrap {
-    margin: 0;
-}
-
-.k-dropdowngrid-popup .k-list-scroller {
-    overflow-x: hidden;
-}
-
-.k-grid-list {
-    margin: 0;
-    padding: 0;
-    width: 100%;
-    max-width: none;
+.k-dropdowngrid-popup > .k-data-table {
     border-width: 0;
-    border-collapse: collapse;
-    border-spacing: 0;
-    table-layout: fixed;
-    empty-cells: show;
-    outline: none;
-    display: table;
-    list-style: none;
-}
-
-.k-dropdowngrid-popup .k-grid-header {
-    border-width: 0 0 1px;
-    border-style: solid;
-    border-color: inherit;
-    display: block;
-}
-
-.k-dropdowngrid-popup .k-grid-header-wrap {
-    border-width: 0 1px 0 0;
-    border-style: solid;
-    border-color: inherit;
-    vertical-align: top;
-    display: inline-block;
-    overflow: hidden;
-}
-
-.k-dropdowngrid-popup .k-grid-header table {
-    margin-bottom: -1px;
-    width: 100%;
-    max-width: none;
-    border-width: 0;
-    border-collapse: collapse;
-    border-spacing: 0;
-    table-layout: fixed;
-    empty-cells: show;
-    outline: none;
-}
-
-.k-dropdowngrid-popup .k-grid-header .k-header {
-    padding: 8px 8px;
-    border-width: 0 0 0 1px;
-    border-style: solid;
-    font-weight: normal;
-    text-align: left;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-}
-
-.k-dropdowngrid-popup .k-grid-header .k-header:first-child {
-    border-left: 0;
-}
-
-.k-grid-list > .k-item {
-    box-sizing: border-box;
-    display: table-row;
-    position: relative;
-    cursor: pointer;
-}
-
-.k-grid-list > .k-item > .k-cell,
-.k-grid-list > .k-item > .k-group,
-.k-grid-list > .k-item > .k-spacer-group {
-    box-sizing: border-box;
-    display: table-cell;
-    vertical-align: middle;
-}
-
-.k-grid-list.k-virtual-list > .k-item > .k-cell,
-.k-grid-list.k-virtual-list > .k-item > .k-group,
-.k-grid-list.k-virtual-list > .k-item > .k-spacer-group {
-    display: inline-block;
-}
-
-.k-grid-list > .k-item:last-child > .k-cell,
-.k-grid-list > .k-item:last-child > .k-group-cell,
-.k-grid-list > .k-item:last-child > .k-spacer-cell {
-    border-bottom-width: 0;
-}
-
-.k-grid-list > .k-item > .k-cell {
-    padding: 8px 8px;
-    border-width: 0 0 0px 1px;
-    border-style: solid;
-    text-align: left;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-}
-
-.k-grid-list > .k-item > .k-cell:first-child {
-    border-left: 0;
-}
-
-.k-dropdowngrid-popup .k-group-header,
-.k-dropdowngrid-popup .k-outer-group-header {
-    margin: 0;
-    padding: 8px 8px;
-    min-height: auto;
-    font-size: inherit;
-    text-align: left;
-    font-weight: bold;
-}
-
-.k-grid-list > .k-item.k-first {
-    border-top: 1px solid currentColor;
-}
-
-.k-grid-list > .k-item > .k-group-cell,
-.k-grid-list > .k-item > .k-spacer-cell {
-    padding: 0;
-    width: 0;
-    border-left-width: 0;
-    border-right-width: 0;
-    overflow: visible;
-    position: relative;
-}
-
-.k-grid-list > .k-item > .k-group-cell > span {
-    padding: 0 4px;
-    font-size: .75em;
-    position: absolute;
-    top: 0;
-    right: 0;
-}
-
-.k-grid-list > .k-outer-group-header {
-    height: 36.0000000004px;
-    display: table-row;
-    position: relative;
-}
-
-.k-grid-list > .k-outer-group-header > strong {
-    padding: 8px 8px;
-    width: 100%;
-    box-sizing: border-box;
-    position: absolute;
-    left: 0;
-}
-
-.k-dropdowngrid-popup .k-footer {
-    padding: 8px 8px;
-    border-width: 1px 0 0;
-    border-style: solid;
-    text-align: left;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    position: relative;
-    flex-shrink: 0;
-}
-
-.k-rtl.k-dropdowngrid-popup .k-grid-header-wrap,
-.k-rtl .k-dropdowngrid-popup .k-grid-header-wrap,
-[dir="rtl"].k-dropdowngrid-popup .k-grid-header-wrap,
-[dir="rtl"] .k-dropdowngrid-popup .k-grid-header-wrap {
-    border-right-width: 0;
-    border-left-width: 1px;
-}
-
-.k-rtl.k-dropdowngrid-popup .k-grid-header .k-header,
-.k-rtl .k-dropdowngrid-popup .k-grid-header .k-header,
-.k-rtl .k-grid-list > .k-item > .k-cell,
-[dir="rtl"].k-dropdowngrid-popup .k-grid-header .k-header,
-[dir="rtl"] .k-dropdowngrid-popup .k-grid-header .k-header,
-[dir="rtl"] .k-grid-list > .k-item > .k-cell {
-    border-left-width: 0;
-    border-right-width: 1px;
-    text-align: right;
-}
-
-.k-rtl.k-dropdowngrid-popup .k-grid-header .k-header:first-child,
-.k-rtl .k-dropdowngrid-popup .k-grid-header .k-header:first-child,
-.k-rtl .k-grid-list > .k-item > .k-cell:first-child,
-[dir="rtl"].k-dropdowngrid-popup .k-grid-header .k-header:first-child,
-[dir="rtl"] .k-dropdowngrid-popup .k-grid-header .k-header:first-child,
-[dir="rtl"] .k-grid-list > .k-item > .k-cell:first-child {
-    border-right-width: 0;
-}
-
-.k-rtl div.k-dropdowngrid-popup .k-group-header,
-.k-rtl div.k-dropdowngrid-popup .k-outer-group-header,
-[dir="rtl"] div.k-dropdowngrid-popup .k-group-header,
-[dir="rtl"] div.k-dropdowngrid-popup .k-outer-group-header {
-    text-align: right;
-}
-
-.k-rtl .k-grid-list > .k-item > .k-group-cell > span,
-[dir="rtl"] .k-grid-list > .k-item > .k-group-cell > span {
-    right: auto;
-    left: 0;
-}
-
-.k-rtl .k-grid-list > .k-outer-group-header > strong,
-[dir="rtl"] .k-grid-list > .k-outer-group-header > strong {
-    left: auto;
-    right: 0;
-}
-
-.k-dropdowngrid-popup {
-    border-color: #cacaca;
-    color: #272727;
-    background-color: #ffffff;
-}
-
-.k-dropdowngrid-popup .k-header,
-.k-dropdowngrid-popup .k-grid-header {
-    border-color: #cacaca;
-    color: #272727;
-    background-color: #f0f0f0;
-}
-
-.k-dropdowngrid-popup .k-footer {
-    border-color: #cacaca;
-    color: #272727;
-    background-color: #f0f0f0;
-}
-
-.k-dropdowngrid-popup .k-group-header,
-.k-dropdowngrid-popup .k-outer-group-header {
-    border-color: #cacaca;
-    color: #272727;
-    background-color: #f0f0f0;
-}
-
-.k-grid-list > .k-group-header,
-.k-grid-list > .k-outer-group-header {
-    background: none;
-    box-shadow: none;
-}
-
-.k-grid-list > .k-item:nth-child(2n) {
-    background-color: whitesmoke;
-}
-
-.k-grid-list > .k-outer-group-header:nth-child(2n) > strong {
-    background-color: whitesmoke;
-}
-
-.k-dropdowngrid-popup .k-cell {
-    border-color: #cacaca;
-}
-
-.k-dropdowngrid-popup .k-item.k-state-hover,
-.k-dropdowngrid-popup .k-item:hover {
-    background-color: #ebebeb;
-}
-
-.k-dropdowngrid-popup .k-item.k-state-selected {
-    background-color: rgba(243, 88, 0, 0.25);
-}
-
-.k-dropdowngrid-popup .k-item.k-state-focused {
-    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
-}
-
-.k-dropdowngrid-popup .k-group-cell span {
-    background-color: #272727;
-    color: #ffffff;
-}
-
-.k-grid-list > .k-item.k-last > .k-cell,
-.k-grid-list > .k-item.k-last > .k-group-cell,
-.k-grid-list > .k-item.k-last > .k-spacer-cell {
-    border-bottom-color: #272727;
 }
 
 .k-dropdown-operator {
@@ -20244,7 +20013,7 @@ kendo-label > .k-label {
 }
 
 .k-dropzone-inner .k-dropzone-note {
-    color: #7d7d7d;
+    color: #646464;
 }
 
 .k-external-dropzone-hover .k-icon,
@@ -21567,7 +21336,6 @@ kendo-label > .k-label {
 
 .k-actionsheet-item-description {
     font-size: 0.875em;
-    opacity: 0.75;
 }
 
 .k-actionsheet > .k-hr {
@@ -21630,6 +21398,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: #646464;
+}
+
 .k-actionsheet-action:hover, .k-actionsheet-action.k-state-hover {
     background-color: #dddddd;
 }
@@ -24560,7 +24332,7 @@ kendo-card-footer {
 }
 
 .k-expander-sub-title {
-    opacity: 0.5;
+    color: #646464;
 }
 
 .k-panelbar {
@@ -26322,7 +26094,7 @@ div.k-grid-footer {
     cursor: pointer;
 }
 
-.k-grid-header .k-header > .k-link > .k-icon.k-i-sort-desc-sm, .k-grid-header .k-header > .k-link > .k-icon.k-i-sort-asc-sm {
+.k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-desc-sm, .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-asc-sm {
     vertical-align: text-top;
     margin-left: 7px;
 }
@@ -26747,6 +26519,7 @@ div.k-grid-norecords {
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
+    justify-content: inherit;
     overflow: hidden;
 }
 
@@ -26756,6 +26529,7 @@ div.k-grid-norecords {
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
+    justify-content: inherit;
     flex: 1;
     overflow: hidden;
 }
@@ -30200,7 +29974,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: #f57329;
+    color: #cc4a00;
 }
 
 .k-taskboard-card:focus, .k-taskboard-card.k-state-focus {

package/dist/all.scss

@@ -7558,8 +7558,6 @@ $popup-shadow: 0 2px 4px 0 rgba(0, 0, 0, .03), 0 4px 5px 0 rgba(0, 0, 0, .04) !d
     }
     .k-animation-container {
         @include border-bottom-radius-only( $kendo-border-radius-md );
-
-        .k-popup {}
     }
 
     .k-animation-container-shown {
@@ -9149,26 +9147,35 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
             margin: 0;
         }
 
+        &::placeholder {
+            color: $kendo-input-placeholder-text;
+            opacity: $kendo-input-placeholder-opacity;
+            user-select: none;
+        }
+        &:-ms-input-placeholder {
+            color: $kendo-input-placeholder-text;
+        }
+    }
+
+    // Input and Textarea
+    .k-input {}
+    input.k-input,
+    textarea.k-textarea {
+        padding: $kendo-input-padding-y $kendo-input-padding-x;
+
         &:disabled,
-        &[disabled],
-        &.k-disabled {
+        &[disabled] {
             @include disabled( $disabled-styling );
 
-            [disabled],
-            .k-disabled,
-            .k-state-disabled {
+            [disabled] &,
+            .k-disabled &,
+            .k-state-disabled & {
                 opacity: 1;
                 filter: grayscale(0);
             }
         }
     }
 
-    // Input
-    .k-input {}
-    input.k-input {
-        padding: $kendo-input-padding-y $kendo-input-padding-x;
-    }
-
 
     // Picker
     .k-picker {
@@ -9177,6 +9184,18 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
     select.k-picker {
         padding: $kendo-input-padding-y $kendo-input-padding-x;
         appearance: auto;
+
+        &:disabled,
+        &[disabled] {
+            @include disabled( $disabled-styling );
+
+            [disabled] &,
+            .k-disabled &,
+            .k-state-disabled & {
+                opacity: 1;
+                filter: grayscale(0);
+            }
+        }
     }
 
 
@@ -9553,6 +9572,7 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
                 $kendo-input-hover-bg,
                 $kendo-input-hover-border
             );
+            @include box-shadow( $kendo-input-hover-shadow );
         }
 
         // Focus
@@ -9627,6 +9647,7 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
                 $kendo-picker-hover-border,
                 $kendo-picker-hover-gradient
             );
+            @include box-shadow( $kendo-picker-hover-shadow );
         }
 
         // Focus
@@ -9762,7 +9783,6 @@ $floating-label-focus-text: null !default;
             cursor: text;
             transform-origin: left center;
             transition: transform $floating-label-transition, color $floating-label-transition, top $floating-label-transition, left $floating-label-transition;
-            pointer-events: none;
         }
 
         > .k-widget {
@@ -9770,17 +9790,20 @@ $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;
                 transform: scale( $floating-label-scale );
+                pointer-events: none;
             }
         }
 
         > .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 );
@@ -9801,9 +9824,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;
@@ -9812,11 +9837,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;
             }
@@ -11124,7 +11150,7 @@ $kendo-chip-sizes: (
 
 /// The base background of the chip.
 /// @group chip
-$kendo-chip-base-bg: if( $dark-theme, contrast-wcag($kendo-button-text), $kendo-button-text ) !default;
+$kendo-chip-base-bg: $kendo-button-text !default;
 
 /// Theme colors map for the chip.
 /// @group chip
@@ -13725,6 +13751,7 @@ $fieldset-legend-border: null !default;
         @extend .k-actions;
         margin-top: 2 * $form-field-margin-top;
         padding: 0;
+        overflow: visible;
     }
 
     // Form Hint/Error Messages
@@ -17716,7 +17743,7 @@ $colorgradient-canvas-draghandle-margin-x: -( $colorgradient-draghandle-width /
 $colorgradient-input-width: 46px !default;
 $colorgradient-input-gap: ( $colorgradient-spacer / 1.5 ) !default;
 $colorgradient-input-label-gap: ( $colorgradient-spacer / 3 ) !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 / 1.5 ) !default;
@@ -18633,211 +18660,15 @@ $kendo-daterange-picker-input-width: 10em;
 // #region @import "~@progress/kendo-theme-default/scss/dropdowngrid/_layout.scss"; -> packages/classic/node_modules/@progress/kendo-theme-default/scss/dropdowngrid/_layout.scss
 @include exports("dropdowngrid/layout") {
 
-    // Dropdown grid
+    // DropdownGrid
     .k-dropdown-grid {}
 
+    // DropdowGrid Popup
     .k-dropdowngrid-popup {
         overflow: hidden;
     }
-    .k-dropdowngrid-popup .k-virtual-wrap {
-        margin: 0;
-    }
-
-    .k-dropdowngrid-popup .k-list-scroller {
-        overflow-x: hidden;
-    }
-
-    // Grid list
-    .k-grid-list {
-        margin: 0;
-        padding: 0;
-        width: 100%;
-        max-width: none;
-        border-width: 0;
-        border-collapse: collapse;
-        border-spacing: 0;
-        table-layout: fixed;
-        empty-cells: show;
-        outline: none;
-        display: table;
-        list-style: none;
-    }
-
-
-    // Header
-    .k-dropdowngrid-popup .k-grid-header {
-        border-width: 0 0 1px;
-        border-style: solid;
-        border-color: inherit;
-        font-size: $grid-header-font-size;
-        display: block;
-    }
-    .k-dropdowngrid-popup .k-grid-header-wrap {
-        border-width: 0 $grid-cell-vertical-border-width 0 0;
-        border-style: solid;
-        border-color: inherit;
-        vertical-align: top;
-        display: inline-block;
-        overflow: hidden;
-    }
-    .k-dropdowngrid-popup .k-grid-header table {
-        margin-bottom: -1px;
-        width: 100%;
-        max-width: none;
+    .k-dropdowngrid-popup > .k-data-table {
         border-width: 0;
-        border-collapse: collapse;
-        border-spacing: 0;
-        table-layout: fixed;
-        empty-cells: show;
-        outline: none;
-    }
-    .k-dropdowngrid-popup .k-grid-header .k-header {
-        padding: $grid-header-padding-y $grid-header-padding-x;
-        border-width: 0 0 0 $grid-cell-vertical-border-width;
-        border-style: solid;
-        font-weight: normal;
-        text-align: left;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
-
-        &:first-child {
-            border-left: 0;
-        }
-    }
-
-
-    // Rows
-    .k-grid-list > .k-item {
-        box-sizing: border-box;
-        display: table-row;
-        position: relative;
-        cursor: pointer;
-    }
-    .k-grid-list > .k-item > .k-cell,
-    .k-grid-list > .k-item > .k-group,
-    .k-grid-list > .k-item > .k-spacer-group {
-        box-sizing: border-box;
-        display: table-cell;
-        vertical-align: middle;
-    }
-    .k-grid-list.k-virtual-list > .k-item > .k-cell,
-    .k-grid-list.k-virtual-list > .k-item > .k-group,
-    .k-grid-list.k-virtual-list > .k-item > .k-spacer-group {
-        display: inline-block;
-    }
-    .k-grid-list > .k-item:last-child > .k-cell,
-    .k-grid-list > .k-item:last-child > .k-group-cell,
-    .k-grid-list > .k-item:last-child > .k-spacer-cell {
-        border-bottom-width: 0;
-    }
-
-
-    // Cells
-    .k-grid-list > .k-item > .k-cell {
-        padding: $grid-cell-padding-y $grid-cell-padding-x;
-        border-width: 0 0 $grid-cell-horizontal-border-width $grid-cell-vertical-border-width;
-        border-style: solid;
-        text-align: left;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
-
-        &:first-child {
-            border-left: 0;
-        }
-    }
-
-
-    // Grouping
-    .k-dropdowngrid-popup .k-group-header,
-    .k-dropdowngrid-popup .k-outer-group-header {
-        margin: 0;
-        padding: $grid-header-padding-y $grid-header-padding-x;
-        min-height: auto;
-        font-size: inherit;
-        text-align: left;
-        font-weight: bold;
-    }
-    .k-grid-list > .k-item.k-first {
-        border-top: 1px solid currentColor;
-    }
-    .k-grid-list > .k-item > .k-group-cell,
-    .k-grid-list > .k-item > .k-spacer-cell {
-        padding: 0;
-        width: 0;
-        border-left-width: 0;
-        border-right-width: 0;
-        overflow: visible;
-        position: relative;
-    }
-    .k-grid-list > .k-item > .k-group-cell > span {
-        padding: 0 ($grid-cell-padding-x / 2);
-        font-size: .75em;
-        position: absolute;
-        top: 0;
-        right: 0;
-    }
-    .k-grid-list > .k-outer-group-header {
-        height: calc( #{$grid-header-padding-y * 2} + (#{$font-size} * #{$line-height}) );
-        display: table-row;
-        position: relative;
-    }
-    .k-grid-list > .k-outer-group-header > strong {
-        padding: $grid-header-padding-y $grid-header-padding-x;
-        width: 100%;
-        box-sizing: border-box;
-        position: absolute;
-        left: 0;
-    }
-
-
-    // Footer
-    .k-dropdowngrid-popup .k-footer {
-        padding: $grid-footer-padding-y $grid-footer-padding-x;
-        border-width: 1px 0 0;
-        border-style: solid;
-        text-align: left;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        position: relative;
-        flex-shrink: 0;
-    }
-
-
-    // RTL
-    .k-rtl,
-    [dir="rtl"] {
-        &.k-dropdowngrid-popup .k-grid-header-wrap,
-        .k-dropdowngrid-popup .k-grid-header-wrap {
-            border-right-width: 0;
-            border-left-width: $grid-cell-vertical-border-width;
-        }
-        &.k-dropdowngrid-popup .k-grid-header .k-header,
-        .k-dropdowngrid-popup .k-grid-header .k-header,
-        .k-grid-list > .k-item > .k-cell {
-            border-left-width: 0;
-            border-right-width: $grid-cell-vertical-border-width;
-            text-align: right;
-        }
-        &.k-dropdowngrid-popup .k-grid-header .k-header:first-child,
-        .k-dropdowngrid-popup .k-grid-header .k-header:first-child,
-        .k-grid-list > .k-item > .k-cell:first-child {
-            border-right-width: 0;
-        }
-        div.k-dropdowngrid-popup .k-group-header,
-        div.k-dropdowngrid-popup .k-outer-group-header {
-            text-align: right;
-        }
-        .k-grid-list > .k-item > .k-group-cell > span {
-            right: auto;
-            left: 0;
-        }
-        .k-grid-list > .k-outer-group-header > strong {
-            left: auto;
-            right: 0;
-        }
     }
 
 }
@@ -18852,91 +18683,6 @@ $kendo-daterange-picker-input-width: 10em;
     // Dropdown grid
     .k-dropdown-grid {}
 
-    // Dropdowngrid
-    .k-dropdowngrid-popup {
-        border-color: $grid-border;
-        color: $grid-text;
-        background-color: $grid-bg;
-    }
-
-
-    // Header
-    .k-dropdowngrid-popup .k-header,
-    .k-dropdowngrid-popup .k-grid-header {
-        border-color: $grid-header-border;
-        color: $grid-header-text;
-        background-color: $grid-header-bg;
-    }
-
-
-    // Footer
-    .k-dropdowngrid-popup .k-footer {
-        border-color: $grid-header-border;
-        color: $grid-header-text;
-        background-color: $grid-header-bg;
-    }
-
-
-    // Group header
-    .k-dropdowngrid-popup .k-group-header,
-    .k-dropdowngrid-popup .k-outer-group-header {
-        border-color: $grid-header-border;
-        color: $grid-header-text;
-        background-color: $grid-header-bg;
-    }
-    .k-grid-list > .k-group-header,
-    .k-grid-list > .k-outer-group-header {
-        background: none;
-        box-shadow: none;
-    }
-
-
-    // Alt
-    .k-grid-list > .k-item:nth-child(2n) {
-        background-color: $grid-alt-bg;
-    }
-    .k-grid-list > .k-outer-group-header:nth-child(2n) {
-
-        > strong {
-            background-color: $grid-alt-bg;
-        }
-    }
-
-
-    // Cells
-    .k-dropdowngrid-popup .k-cell {
-        border-color: $grid-border;
-    }
-
-
-    // Interactive states
-    .k-dropdowngrid-popup .k-item.k-state-hover,
-    .k-dropdowngrid-popup .k-item:hover {
-        border-color: $grid-hovered-border;
-        color: $grid-hovered-text;
-        background-color: $grid-hovered-bg;
-    }
-    .k-dropdowngrid-popup .k-item.k-state-selected {
-        border-color: $grid-selected-border;
-        color: $grid-selected-text;
-        background-color: $grid-selected-bg;
-    }
-    .k-dropdowngrid-popup .k-item.k-state-focused {
-        box-shadow: $grid-focused-shadow;
-    }
-
-
-    // Grouping
-    .k-dropdowngrid-popup .k-group-cell span {
-        background-color: $grid-text;
-        color: $grid-bg;
-    }
-    .k-grid-list > .k-item.k-last > .k-cell,
-    .k-grid-list > .k-item.k-last > .k-group-cell,
-    .k-grid-list > .k-item.k-last > .k-spacer-cell {
-        border-bottom-color: $grid-text;
-    }
-
 }
 
 // #endregion
@@ -20490,7 +20236,7 @@ $dropzone-hint-text: null !default;
 
 $dropzone-note-font-size: $font-size-sm !default;
 $dropzone-note-spacing: null !default;
-$dropzone-note-text: try-tint( $dropzone-text, 5 ) !default;
+$dropzone-note-text: $subtle-text !default;
 
 // #endregion
 // #region @import "_layout.scss"; -> packages/classic/scss/dropzone/_layout.scss
@@ -21957,8 +21703,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;
@@ -22072,7 +21819,6 @@ $actionsheet-item-disabled-shadow: null !default;
     }
     .k-actionsheet-item-description {
         font-size: $actionsheet-item-description-font-size;
-        opacity: $actionsheet-item-description-opacity;
     }
 
 
@@ -22167,6 +21913,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 {
 
@@ -26559,7 +26311,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 * 2 !default;
 $expander-content-padding-y: $padding-y * 4 !default;
@@ -26686,7 +26438,7 @@ $expander-content-padding-y: $padding-y * 4 !default;
     }
 
     .k-expander-sub-title {
-        opacity: $expander-header-sub-title-opacity;
+        color: $expander-header-sub-title-text;
     }
 }
 
@@ -29042,7 +28794,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
             }
         }
 
-        .k-header > .k-link > .k-icon {
+        .k-cell-inner > .k-link > .k-icon {
             &.k-i-sort-desc-sm,
             &.k-i-sort-asc-sm {
                 vertical-align: text-top;
@@ -29475,6 +29227,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
         display: flex;
         flex-flow: row nowrap;
         align-items: center;
+        justify-content: inherit;
         overflow: hidden;
 
         > .k-link {
@@ -29483,6 +29236,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
             display: flex;
             flex-flow: row nowrap;
             align-items: center;
+            justify-content: inherit;
             flex: 1;
             overflow: hidden;
 
@@ -33918,7 +33672,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/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.2",
+    "version": "5.2.1-dev.5",
     "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.2",
+    "version": "5.2.1-dev.5",
     "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.2",
+    "version": "5.2.1-dev.5",
     "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.2",
+    "version": "5.2.1-dev.5",
     "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.2",
+    "version": "5.2.1-dev.5",
     "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.2",
+    "version": "5.2.1-dev.5",
     "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.2",
+    "version": "5.2.1-dev.5",
     "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.2",
+    "version": "5.2.1-dev.5",
     "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.2",
+  "version": "5.2.1-dev.5",
   "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.2"
+    "@progress/kendo-theme-default": "^5.2.1-dev.5"
   },
-  "gitHead": "e446301962e9eba01d9e3c1920b77c5349ce68cf"
+  "gitHead": "7f442a4c1dfe243eff6b623b62e73c161254f653"
 }

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/chip/_variables.scss

@@ -60,7 +60,7 @@ $kendo-chip-sizes: (
 
 /// The base background of the chip.
 /// @group chip
-$kendo-chip-base-bg: if( $dark-theme, contrast-wcag($kendo-button-text), $kendo-button-text ) !default;
+$kendo-chip-base-bg: $kendo-button-text !default;
 
 /// Theme colors map for the chip.
 /// @group chip

package/scss/colorgradient/_variables.scss

@@ -46,7 +46,7 @@ $colorgradient-canvas-draghandle-margin-x: -( $colorgradient-draghandle-width /
 $colorgradient-input-width: 46px !default;
 $colorgradient-input-gap: ( $colorgradient-spacer / 1.5 ) !default;
 $colorgradient-input-label-gap: ( $colorgradient-spacer / 3 ) !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 / 1.5 ) !default;

package/scss/dropzone/_variables.scss

@@ -23,4 +23,4 @@ $dropzone-hint-text: null !default;
 
 $dropzone-note-font-size: $font-size-sm !default;
 $dropzone-note-spacing: null !default;
-$dropzone-note-text: try-tint( $dropzone-text, 5 ) !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 * 2 !default;
 $expander-content-padding-y: $padding-y * 4 !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;