@progress/kendo-theme-material 5.6.1-dev.0 → 5.6.1-dev.3

package/dist/all.css

@@ -19863,7 +19863,6 @@ kendo-label > .k-label {
 
 .k-calendar .k-out-of-range {
     pointer-events: none;
-    visibility: hidden;
 }
 
 .k-calendar .k-calendar-td:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td:hover .k-link,
@@ -23174,10 +23173,6 @@ kendo-label > .k-label {
     width: 100%;
 }
 
-.k-dialog-close {
-    align-self: flex-end;
-}
-
 .k-dialog-buttongroup {
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
@@ -24824,7 +24819,8 @@ kendo-card-footer {
     background-color: rgba(0, 0, 0, 0.12);
 }
 
-.k-pager-wrap {
+.k-pager-wrap,
+.k-pager {
     padding: 8px 8px;
     border-width: 1px;
     border-style: solid;
@@ -24846,18 +24842,25 @@ kendo-card-footer {
 
 .k-pager-wrap *,
 .k-pager-wrap *::before,
-.k-pager-wrap *::after {
+.k-pager-wrap *::after,
+.k-pager *,
+.k-pager *::before,
+.k-pager *::after {
     box-sizing: border-box;
 }
 
-.k-pager-wrap .k-link {
+.k-pager-wrap .k-link,
+.k-pager .k-link {
     text-decoration: none;
     outline: 0;
     font: inherit;
     background-color: inherit;
 }
 
-.k-pager-wrap .k-link:focus, .k-pager-wrap .k-link.k-state-focus, .k-pager-wrap .k-link.k-focus {
+.k-pager-wrap .k-link:focus, .k-pager-wrap .k-link.k-state-focus, .k-pager-wrap .k-link.k-focus,
+.k-pager .k-link:focus,
+.k-pager .k-link.k-state-focus,
+.k-pager .k-link.k-focus {
     z-index: 3;
 }
 
@@ -24883,7 +24886,46 @@ kendo-card-footer {
 [dir="rtl"] .k-pager-wrap .k-i-seek-w,
 [dir="rtl"] .k-pager-wrap .k-i-arrow-w,
 [dir="rtl"] .k-pager-wrap .k-i-arrow-e,
-[dir="rtl"] .k-pager-wrap .k-i-seek-e {
+[dir="rtl"] .k-pager-wrap .k-i-seek-e, .k-rtl
+.k-pager .k-i-arrow-end-left,
+.k-rtl
+.k-pager .k-i-arrow-60-left,
+.k-rtl
+.k-pager .k-i-arrow-60-right,
+.k-rtl
+.k-pager .k-i-arrow-end-right,
+.k-rtl
+.k-pager .k-i-seek-w,
+.k-rtl
+.k-pager .k-i-arrow-w,
+.k-rtl
+.k-pager .k-i-arrow-e,
+.k-rtl
+.k-pager .k-i-seek-e,
+.k-pager[dir="rtl"] .k-i-arrow-end-left,
+.k-pager[dir="rtl"] .k-i-arrow-60-left,
+.k-pager[dir="rtl"] .k-i-arrow-60-right,
+.k-pager[dir="rtl"] .k-i-arrow-end-right,
+.k-pager[dir="rtl"] .k-i-seek-w,
+.k-pager[dir="rtl"] .k-i-arrow-w,
+.k-pager[dir="rtl"] .k-i-arrow-e,
+.k-pager[dir="rtl"] .k-i-seek-e,
+[dir="rtl"]
+.k-pager .k-i-arrow-end-left,
+[dir="rtl"]
+.k-pager .k-i-arrow-60-left,
+[dir="rtl"]
+.k-pager .k-i-arrow-60-right,
+[dir="rtl"]
+.k-pager .k-i-arrow-end-right,
+[dir="rtl"]
+.k-pager .k-i-seek-w,
+[dir="rtl"]
+.k-pager .k-i-arrow-w,
+[dir="rtl"]
+.k-pager .k-i-arrow-e,
+[dir="rtl"]
+.k-pager .k-i-seek-e {
     transform: scaleX(-1);
 }
 
@@ -25061,13 +25103,19 @@ kendo-card-footer {
     border-width: 0 0 1px;
 }
 
-.k-pager-wrap {
+.k-pager-wrap,
+.k-pager {
     border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.54);
     background-color: white;
 }
 
-.k-pager-wrap:focus, .k-pager-wrap.k-focus, .k-pager-wrap.k-state-focus, .k-pager-wrap.k-state-focused, .k-pager-wrap.k-focus {
+.k-pager-wrap:focus, .k-pager-wrap.k-focus, .k-pager-wrap.k-state-focus, .k-pager-wrap.k-state-focused, .k-pager-wrap.k-focus,
+.k-pager:focus,
+.k-pager.k-focus,
+.k-pager.k-state-focus,
+.k-pager.k-state-focused,
+.k-pager.k-focus {
     background-color: whitesmoke;
 }
 
@@ -25185,14 +25233,6 @@ kendo-card-footer {
     overflow: hidden;
 }
 
-.k-stepper .k-step-disabled {
-    pointer-events: none;
-}
-
-.k-stepper .k-step-disabled .k-step-link {
-    cursor: default;
-}
-
 .k-stepper .k-step-indicator {
     border-radius: 50%;
     margin: 3px;
@@ -25229,6 +25269,7 @@ kendo-card-footer {
 }
 
 .k-stepper .k-step-focus .k-step-indicator::after,
+.k-stepper .k-step.k-focus .k-step-indicator::after,
 .k-stepper .k-step-link:focus .k-step-indicator::after {
     display: block;
 }
@@ -25269,9 +25310,19 @@ kendo-card-footer {
     font-size: 12px;
 }
 
+.k-stepper .k-step-disabled,
+.k-stepper .k-step.k-disabled {
+    opacity: 1;
+    pointer-events: none;
+}
+
+.k-stepper .k-step-disabled .k-step-link,
+.k-stepper .k-step.k-disabled .k-step-link {
+    cursor: default;
+}
+
 .k-stepper .k-step-disabled .k-step-label-optional,
-.k-stepper.k-state-disabled .k-step-label-optional,
-.k-stepper.k-disabled .k-step-label-optional {
+.k-stepper .k-step.k-disabled .k-step-label-optional {
     color: inherit;
 }
 
@@ -25389,11 +25440,20 @@ kendo-card-footer {
     color: rgba(0, 0, 0, 0.87);
 }
 
-.k-stepper .k-step:hover .k-step-indicator, .k-stepper .k-step.k-step-hover .k-step-indicator {
+.k-stepper .k-step:hover .k-step-indicator, .k-stepper .k-step.k-hover .k-step-indicator, .k-stepper .k-step.k-step-hover .k-step-indicator {
     background-color: #ebebeb;
 }
 
-.k-stepper .k-step.k-step-disabled .k-step-indicator, .k-stepper .k-step:disabled .k-step-indicator {
+.k-stepper .k-step.k-step-focus .k-step-label:only-child, .k-stepper .k-step.k-focus .k-step-label:only-child,
+.k-stepper .k-step .k-step-link:focus .k-step-label:only-child {
+    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
+}
+
+.k-stepper .k-step.k-step-disabled .k-step-indicator, .k-stepper .k-step.k-disabled .k-step-indicator, .k-stepper .k-step:disabled .k-step-indicator {
+    color: rgba(0, 0, 0, 0.38);
+}
+
+.k-stepper .k-step.k-step-disabled .k-step-label, .k-stepper .k-step.k-disabled .k-step-label, .k-stepper .k-step:disabled .k-step-label {
     color: rgba(0, 0, 0, 0.38);
 }
 
@@ -25419,11 +25479,11 @@ kendo-card-footer {
     background-color: #3f51b5;
 }
 
-.k-stepper .k-step-done:hover .k-step-indicator, .k-stepper .k-step-done.k-step-hover .k-step-indicator {
+.k-stepper .k-step-done:hover .k-step-indicator, .k-stepper .k-step-done.k-hover .k-step-indicator, .k-stepper .k-step-done.k-step-hover .k-step-indicator {
     background-color: #3a4ba7;
 }
 
-.k-stepper .k-step-done.k-step-disabled .k-step-indicator, .k-stepper .k-step-done:disabled .k-step-indicator {
+.k-stepper .k-step-done.k-step-disabled .k-step-indicator, .k-stepper .k-step-done.k-disabled .k-step-indicator, .k-stepper .k-step-done:disabled .k-step-indicator {
     border-color: #8c97d3;
     color: white;
     background-color: #8c97d3;
@@ -25435,11 +25495,11 @@ kendo-card-footer {
     background-color: #3f51b5;
 }
 
-.k-stepper .k-step-current:hover .k-step-indicator, .k-stepper .k-step-current.k-step-hover .k-step-indicator {
+.k-stepper .k-step-current:hover .k-step-indicator, .k-stepper .k-step-current.k-hover .k-step-indicator, .k-stepper .k-step-current.k-step-hover .k-step-indicator {
     background-color: #3a4ba7;
 }
 
-.k-stepper .k-step-current.k-step-disabled .k-step-indicator, .k-stepper .k-step-current:disabled .k-step-indicator {
+.k-stepper .k-step-current.k-step-disabled .k-step-indicator, .k-stepper .k-step-current.k-disabled .k-step-indicator, .k-stepper .k-step-current:disabled .k-step-indicator {
     border-color: #8c97d3;
     color: white;
     background-color: #8c97d3;
@@ -25457,19 +25517,10 @@ kendo-card-footer {
     color: #f31700;
 }
 
-.k-stepper .k-step-error:hover .k-step-label, .k-stepper .k-step-error.k-step-hover .k-step-label {
+.k-stepper .k-step-error:hover .k-step-label, .k-stepper .k-step-error.k-hover .k-step-label, .k-stepper .k-step-error.k-step-hover .k-step-label {
     color: #f31700;
 }
 
-.k-stepper .k-step-disabled .k-step-label {
-    color: rgba(0, 0, 0, 0.38);
-}
-
-.k-stepper .k-step-focus .k-step-label:only-child,
-.k-stepper .k-step-link:focus .k-step-label:only-child {
-    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
-}
-
 .k-stepper .k-step-label-optional {
     color: rgba(0, 0, 0, 0.54);
 }
@@ -26594,11 +26645,16 @@ kendo-card-footer {
     justify-content: center;
 }
 
+.k-ghost-splitbar .k-collapse-prev,
+.k-ghost-splitbar .k-collapse-next,
+.k-splitbar .k-collapse-prev,
+.k-splitbar .k-collapse-next {
+    cursor: pointer;
+}
+
 .k-ghost-splitbar .k-icon,
 .k-splitbar .k-icon {
     font-size: 10px;
-    display: block;
-    cursor: pointer;
 }
 
 .k-splitbar-draggable-horizontal {
@@ -26652,19 +26708,19 @@ kendo-card-footer {
     display: block;
 }
 
-.k-splitbar-horizontal .k-i-arrow-60-left {
+.k-splitbar-horizontal .k-collapse-prev {
     margin-bottom: 7px;
 }
 
-.k-splitbar-horizontal .k-i-arrow-60-right {
+.k-splitbar-horizontal .k-collapse-next {
     margin-top: 7px;
 }
 
-.k-splitbar-vertical .k-i-arrow-60-up {
+.k-splitbar-vertical .k-collapse-prev {
     margin-right: 7px;
 }
 
-.k-splitbar-vertical .k-i-arrow-60-down {
+.k-splitbar-vertical .k-collapse-next {
     margin-left: 7px;
 }
 
@@ -26882,14 +26938,14 @@ kendo-card-footer {
 
 .k-pane-wrapper .k-popup-edit-form .k-content,
 .k-pane-wrapper .k-grid-edit-form .k-content,
-.k-pane-wrapper .k-grid-column-menu .k-content,
+.k-pane-wrapper .k-grid-header-menu .k-content,
 .k-pane-wrapper .k-grid-filter-menu .k-content {
     overflow-y: auto;
 }
 
 .k-pane-wrapper .k-popup-edit-form .k-content > .k-scroll-container,
 .k-pane-wrapper .k-grid-edit-form .k-content > .k-scroll-container,
-.k-pane-wrapper .k-grid-column-menu .k-content > .k-scroll-container,
+.k-pane-wrapper .k-grid-header-menu .k-content > .k-scroll-container,
 .k-pane-wrapper .k-grid-filter-menu .k-content > .k-scroll-container {
     position: absolute;
     width: 100%;
@@ -27217,11 +27273,13 @@ kendo-card-footer {
     overflow-y: auto;
 }
 
-.k-pane-wrapper .k-pager-wrap.k-pager-sm {
+.k-pane-wrapper .k-pager-wrap.k-pager-sm,
+.k-pane-wrapper .k-pager.k-pager-sm {
     justify-content: center;
 }
 
-.k-pane-wrapper .k-pager-wrap.k-pager-sm .k-pager-refresh {
+.k-pane-wrapper .k-pager-wrap.k-pager-sm .k-pager-refresh,
+.k-pane-wrapper .k-pager.k-pager-sm .k-pager-refresh {
     display: none;
 }
 
@@ -27305,8 +27363,8 @@ kendo-card-footer {
 
 .k-pane-wrapper .k-pane .k-grid-edit-form .k-item,
 .k-pane-wrapper .k-pane .k-grid-edit-form .k-link,
-.k-pane-wrapper .k-pane .k-grid-column-menu .k-item,
-.k-pane-wrapper .k-pane .k-grid-column-menu .k-link,
+.k-pane-wrapper .k-pane .k-grid-header-menu .k-item,
+.k-pane-wrapper .k-pane .k-grid-header-menu .k-link,
 .k-pane-wrapper .k-pane .k-grid-filter-menu .k-item,
 .k-pane-wrapper .k-pane .k-grid-filter-menu .k-link,
 .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-item,
@@ -27318,10 +27376,10 @@ kendo-card-footer {
 .k-pane-wrapper .k-pane .k-grid-edit-form .k-select-all,
 .k-pane-wrapper .k-pane .k-grid-edit-form .k-scheduler-delete,
 .k-pane-wrapper .k-pane .k-grid-edit-form .k-scheduler-resetSeries,
-.k-pane-wrapper .k-pane .k-grid-column-menu .k-clear,
-.k-pane-wrapper .k-pane .k-grid-column-menu .k-select-all,
-.k-pane-wrapper .k-pane .k-grid-column-menu .k-scheduler-delete,
-.k-pane-wrapper .k-pane .k-grid-column-menu .k-scheduler-resetSeries,
+.k-pane-wrapper .k-pane .k-grid-header-menu .k-clear,
+.k-pane-wrapper .k-pane .k-grid-header-menu .k-select-all,
+.k-pane-wrapper .k-pane .k-grid-header-menu .k-scheduler-delete,
+.k-pane-wrapper .k-pane .k-grid-header-menu .k-scheduler-resetSeries,
 .k-pane-wrapper .k-pane .k-grid-filter-menu .k-clear,
 .k-pane-wrapper .k-pane .k-grid-filter-menu .k-select-all,
 .k-pane-wrapper .k-pane .k-grid-filter-menu .k-scheduler-delete,
@@ -27656,8 +27714,10 @@ kendo-card-footer {
 
 .k-grid[dir="rtl"] .k-grid-header .k-grid-filter,
 .k-grid[dir="rtl"] .k-grid-header .k-header-column-menu,
+.k-grid[dir="rtl"] .k-grid-header .k-grid-header-menu,
 .k-rtl .k-grid .k-grid-header .k-grid-filter,
-.k-rtl .k-grid .k-grid-header .k-header-column-menu {
+.k-rtl .k-grid .k-grid-header .k-header-column-menu,
+.k-rtl .k-grid .k-grid-header .k-grid-header-menu {
     right: auto;
     left: 14px;
 }
@@ -27747,6 +27807,7 @@ kendo-card-footer {
 
 .k-grid .k-grid-filter,
 .k-grid .k-header-column-menu,
+.k-grid .k-grid-header-menu,
 .k-grid .k-hierarchy-cell .k-icon {
     border-width: 0;
 }
@@ -27988,7 +28049,8 @@ div.k-grid-footer {
 }
 
 .k-grid-header .k-grid-filter,
-.k-grid-header .k-header-column-menu {
+.k-grid-header .k-header-column-menu,
+.k-grid-header .k-grid-header-menu {
     padding: 8px;
     width: calc( 1.4285714286em + 16px + 2px);
     height: calc( 1.4285714286em + 16px + 2px);
@@ -28006,7 +28068,8 @@ div.k-grid-footer {
 }
 
 .k-grid-header .k-grid-filter:hover,
-.k-grid-header .k-header-column-menu:hover {
+.k-grid-header .k-header-column-menu:hover,
+.k-grid-header .k-grid-header-menu:hover {
     cursor: pointer;
 }
 
@@ -28351,7 +28414,8 @@ kendo-grid .k-grid-content-locked tr .k-grid-content-sticky:last-child {
     border-right: 0;
 }
 
-kendo-grid .k-grid-header .k-grid-column-menu {
+kendo-grid .k-grid-header .k-grid-column-menu,
+kendo-grid .k-grid-header .k-grid-header-menu {
     z-index: 1;
 }
 
@@ -28462,13 +28526,15 @@ div.k-grid-norecords {
 }
 
 .k-cell-inner .k-grid-filter,
-.k-cell-inner .k-header-column-menu {
+.k-cell-inner .k-header-column-menu,
+.k-cell-inner .k-grid-header-menu {
     position: static;
     margin-inline-end: 14px;
 }
 
 .k-cell-inner .k-grid-filter,
 .k-cell-inner .k-header-column-menu,
+.k-cell-inner .k-grid-header-menu,
 .k-cell-inner .k-hierarchy-cell .k-icon {
     text-align: center;
     display: inline-block;
@@ -28807,7 +28873,8 @@ div.k-grid-norecords {
     border-radius: 50%;
 }
 
-.k-grid-header .k-header-column-menu {
+.k-grid-header .k-header-column-menu,
+.k-grid-header .k-grid-header-menu {
     border-radius: 50%;
 }
 
@@ -28824,6 +28891,7 @@ div.k-grid-norecords {
 
 .k-cell-inner .k-grid-filter,
 .k-cell-inner .k-header-column-menu,
+.k-cell-inner .k-grid-header-menu,
 .k-cell-inner .k-hierarchy-cell .k-icon {
     line-height: normal;
 }
@@ -28944,6 +29012,7 @@ tbody .k-group-cell {
 
 .k-grid .k-grid-filter,
 .k-grid .k-header-column-menu,
+.k-grid .k-grid-header-menu,
 .k-grid .k-hierarchy-cell .k-icon {
     color: rgba(0, 0, 0, 0.54);
 }
@@ -29020,6 +29089,10 @@ th.k-sorted {
 .k-grid-header .k-header-column-menu.k-state-focus,
 .k-grid-header .k-header-column-menu.k-focus,
 .k-grid-header .k-header-column-menu.k-state-border-down,
+.k-grid-header .k-grid-header-menu:focus,
+.k-grid-header .k-grid-header-menu.k-state-focus,
+.k-grid-header .k-grid-header-menu.k-focus,
+.k-grid-header .k-grid-header-menu.k-state-border-down,
 .k-grid-header .k-hierarchy-cell .k-icon:focus,
 .k-grid-header .k-hierarchy-cell .k-icon.k-state-focus,
 .k-grid-header .k-hierarchy-cell .k-icon.k-focus,
@@ -29030,6 +29103,8 @@ th.k-sorted {
 .k-grid-header .k-grid-filter.k-state-active, .k-grid-header .k-grid-filter.k-active,
 .k-grid-header .k-header-column-menu.k-state-active,
 .k-grid-header .k-header-column-menu.k-active,
+.k-grid-header .k-grid-header-menu.k-state-active,
+.k-grid-header .k-grid-header-menu.k-active,
 .k-grid-header .k-hierarchy-cell .k-icon.k-state-active,
 .k-grid-header .k-hierarchy-cell .k-icon.k-active {
     color: white;
@@ -29429,6 +29504,7 @@ kendo-grid .k-grid-row-sticky td {
 
 .k-grid-header .k-grid-filter:hover,
 .k-grid-header .k-header-column-menu:hover,
+.k-grid-header .k-grid-header-menu:hover,
 .k-grid-header .k-hierarchy-cell .k-icon:hover {
     color: rgba(0, 0, 0, 0.87);
     background-color: transparent;
@@ -29439,6 +29515,10 @@ kendo-grid .k-grid-row-sticky td {
 .k-grid-header .k-header-column-menu.k-state-focus,
 .k-grid-header .k-header-column-menu.k-focus,
 .k-grid-header .k-header-column-menu.k-state-border-down,
+.k-grid-header .k-grid-header-menu:focus,
+.k-grid-header .k-grid-header-menu.k-state-focus,
+.k-grid-header .k-grid-header-menu.k-focus,
+.k-grid-header .k-grid-header-menu.k-state-border-down,
 .k-grid-header .k-hierarchy-cell .k-icon:focus,
 .k-grid-header .k-hierarchy-cell .k-icon.k-state-focus,
 .k-grid-header .k-hierarchy-cell .k-icon.k-focus,
@@ -29451,6 +29531,8 @@ kendo-grid .k-grid-row-sticky td {
 .k-grid-header .k-grid-filter.k-state-active, .k-grid-header .k-grid-filter.k-active,
 .k-grid-header .k-header-column-menu.k-state-active,
 .k-grid-header .k-header-column-menu.k-active,
+.k-grid-header .k-grid-header-menu.k-state-active,
+.k-grid-header .k-grid-header-menu.k-active,
 .k-grid-header .k-hierarchy-cell .k-icon.k-state-active,
 .k-grid-header .k-hierarchy-cell .k-icon.k-active {
     color: white;
@@ -36958,7 +37040,8 @@ kendo-scheduler .k-event .k-event-actions,
     z-index: 2;
 }
 
-.k-pdf-viewer .k-toolbar .k-pager-wrap {
+.k-pdf-viewer .k-toolbar .k-pager-wrap,
+.k-pdf-viewer .k-toolbar .k-pager {
     padding: 0;
     border-width: 0;
     color: inherit;

package/dist/all.scss

@@ -19260,7 +19260,6 @@ $kendo-calendar-sizes: (
         }
         .k-out-of-range {
             pointer-events: none;
-            visibility: hidden;
         }
 
 
@@ -21173,7 +21172,7 @@ $datetime-width: calc( #{$calendar-cell-size * 8} + #{$infinite-calendar-view-pa
 // Component
 // #region @import "_variables.scss"; -> packages/material/scss/daterangepicker/_variables.scss
 // Daterangepicker
-$kendo-daterange-picker-input-width: 10em;
+$kendo-daterange-picker-input-width: 10em !default;
 
 // #endregion
 // #region @import "_layout.scss"; -> packages/material/scss/daterangepicker/_layout.scss
@@ -25125,10 +25124,6 @@ $dialog-button-spacing: $actions-button-spacing !default;
     .k-dialog-titlebar {}
     .k-dialog-title {}
 
-    .k-dialog-close {
-        align-self: flex-end;
-    }
-
 
     // Actions
     .k-dialog-actions {}
@@ -27395,7 +27390,8 @@ $pager-dropdown-width: 5em !default;
 // #region @import "~@progress/kendo-theme-default/scss/pager/_layout.scss"; -> packages/material/node_modules/@progress/kendo-theme-default/scss/pager/_layout.scss
 @include exports("pager/layout") {
 
-    .k-pager-wrap {
+    .k-pager-wrap,
+    .k-pager {
         padding: $pager-padding-y $pager-padding-x;
         border-width: $pager-border-width;
         border-style: solid;
@@ -27685,7 +27681,8 @@ $pager-dropdown-width: 5em !default;
 // #region @import "~@progress/kendo-theme-default/scss/pager/_theme.scss"; -> packages/material/node_modules/@progress/kendo-theme-default/scss/pager/_theme.scss
 @include exports("pager/theme") {
 
-    .k-pager-wrap {
+    .k-pager-wrap,
+    .k-pager {
         @include fill(
             $pager-text,
             $pager-bg,
@@ -28033,12 +28030,6 @@ $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !def
             align-items: center;
             overflow: hidden;
         }
-        .k-step-disabled {
-            pointer-events: none;
-
-            .k-step-link { cursor: default; }
-        }
-
 
         // Step indicator
         .k-step-indicator {
@@ -28075,7 +28066,9 @@ $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !def
                 z-index: 2;
             }
         }
+
         .k-step-focus,
+        .k-step.k-focus,
         .k-step-link:focus {
             .k-step-indicator::after {
                 display: block;
@@ -28118,12 +28111,21 @@ $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !def
             font-style: $stepper-optional-label-font-style;
             opacity: $stepper-optional-label-opacity;
         }
-        .k-step-disabled .k-step-label-optional,
-        &.k-state-disabled .k-step-label-optional,
-        &.k-disabled .k-step-label-optional {
-            color: inherit;
+
+
+        .k-step-disabled,
+        .k-step.k-disabled {
+            opacity: 1;
+            pointer-events: none;
+
+            .k-step-link { cursor: default; }
+
+            .k-step-label-optional {
+                color: inherit;
+            }
         }
 
+
         // Progressbar
         .k-progressbar {
             pointer-events: none;
@@ -28283,6 +28285,7 @@ $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !def
         .k-step {
             // Hover
             &:hover,
+            &.k-hover,
             &.k-step-hover {
                 .k-step-label {
                     color: $stepper-label-hover-text;
@@ -28297,9 +28300,18 @@ $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !def
                 }
             }
 
+            &.k-step-focus,
+            &.k-focus,
+            .k-step-link:focus  {
+                // Labels only
+                .k-step-label:only-child {
+                    @include box-shadow( inset 0 0 0 $stepper-indicator-focus-size $component-border );
+                }
+            }
 
             // Disabled
             &.k-step-disabled,
+            &.k-disabled,
             &:disabled {
                 .k-step-indicator {
                     @include fill(
@@ -28308,6 +28320,10 @@ $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !def
                         $stepper-indicator-disabled-border
                     );
                 }
+
+                .k-step-label {
+                    @include fill( $color: $stepper-label-disabled-text );
+                }
             }
         }
         .k-step-indicator {
@@ -28343,6 +28359,7 @@ $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !def
 
             // Hover
             &:hover,
+            &.k-hover,
             &.k-step-hover {
                 .k-step-indicator {
                     @include fill(
@@ -28356,6 +28373,7 @@ $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !def
 
             // Disabled
             &.k-step-disabled,
+            &.k-disabled,
             &:disabled {
                 .k-step-indicator {
                     @include fill(
@@ -28382,6 +28400,7 @@ $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !def
 
             // Hover
             &:hover,
+            &.k-hover,
             &.k-step-hover {
                 .k-step-indicator {
                     @include fill(
@@ -28395,6 +28414,7 @@ $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !def
 
             // Disabled
             &.k-step-disabled,
+            &.k-disabled,
             &:disabled {
                 .k-step-indicator {
                     @include fill(
@@ -28423,6 +28443,7 @@ $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !def
             }
 
             &:hover,
+            &.k-hover,
             &.k-step-hover {
                 .k-step-label {
                     @include fill( $color: $stepper-label-error-text );
@@ -28430,16 +28451,6 @@ $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !def
             }
         }
 
-        .k-step-disabled .k-step-label {
-            @include fill( $color: $stepper-label-disabled-text );
-        }
-
-        // Labels only
-        .k-step-focus .k-step-label:only-child,
-        .k-step-link:focus .k-step-label:only-child {
-            @include box-shadow( inset 0 0 0 $stepper-indicator-focus-size $component-border );
-        }
-
         // Optional Label
         .k-step-label-optional {
             color: $stepper-optional-label-text;
@@ -29846,7 +29857,8 @@ $panelbar-header-expanded-gradient: null !default;
         > .k-item,
         > .k-panelbar-header {
 
-            &.k-state-expanded.k-level-0 > .k-link {
+            &.k-state-expanded.k-level-0 > .k-link,
+            &.k-expanded.k-level-0 > .k-link  {
                 @include fill(
                     $panelbar-header-expanded-text,
                     $panelbar-header-expanded-bg,
@@ -30209,11 +30221,15 @@ $splitbar-selected-text: $primary-contrast !default;
         align-items: center;
         justify-content: center;
 
+        .k-collapse-prev,
+        .k-collapse-next {
+            cursor: pointer;
+        }
+
         .k-icon {
             font-size: $splitter-resize-icon-size;
-            display: block;
-            cursor: pointer;
         }
+
     }
 
     .k-splitbar-draggable-horizontal { cursor: col-resize; }
@@ -30259,19 +30275,19 @@ $splitbar-selected-text: $primary-contrast !default;
         }
     }
 
-    .k-splitbar-horizontal .k-i-arrow-60-left {
+    .k-splitbar-horizontal .k-collapse-prev {
         margin-bottom: $splitter-drag-icon-margin;
     }
 
-    .k-splitbar-horizontal .k-i-arrow-60-right {
+    .k-splitbar-horizontal .k-collapse-next {
         margin-top: $splitter-drag-icon-margin;
     }
 
-    .k-splitbar-vertical .k-i-arrow-60-up {
+    .k-splitbar-vertical .k-collapse-prev {
         margin-right: $splitter-drag-icon-margin;
     }
 
-    .k-splitbar-vertical .k-i-arrow-60-down {
+    .k-splitbar-vertical .k-collapse-next {
         margin-left: $splitter-drag-icon-margin;
     }
 
@@ -30653,7 +30669,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
 
         .k-popup-edit-form,
         .k-grid-edit-form,
-        .k-grid-column-menu,
+        .k-grid-header-menu,
         .k-grid-filter-menu {
 
             .k-content {
@@ -31038,7 +31054,8 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
         }
 
         // Pager
-        .k-pager-wrap.k-pager-sm {
+        .k-pager-wrap.k-pager-sm,
+        .k-pager.k-pager-sm {
             justify-content: center;
 
             .k-pager-refresh {
@@ -31149,7 +31166,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
         }
 
         .k-grid-edit-form,
-        .k-grid-column-menu,
+        .k-grid-header-menu,
         .k-grid-filter-menu,
         .k-scheduler-edit-form {
 
@@ -31580,7 +31597,8 @@ $grid-group-dropclue-top: calc( ( #{$kendo-button-calc-size} + #{$grid-grouping-
                 }
 
                 .k-grid-filter,
-                .k-header-column-menu {
+                .k-header-column-menu,
+                .k-grid-header-menu {
                     right: auto;
                     left: $grid-header-menu-icon-spacing;
                 }
@@ -31661,6 +31679,7 @@ $grid-group-dropclue-top: calc( ( #{$kendo-button-calc-size} + #{$grid-grouping-
 
         .k-grid-filter,
         .k-header-column-menu,
+        .k-grid-header-menu,
         .k-hierarchy-cell .k-icon {
             border-width: 0;
         }
@@ -31908,7 +31927,8 @@ $grid-group-dropclue-top: calc( ( #{$kendo-button-calc-size} + #{$grid-grouping-
         }
 
         .k-grid-filter,
-        .k-header-column-menu {
+        .k-header-column-menu,
+        .k-grid-header-menu {
             padding: $kendo-button-padding-y;
             width: $kendo-button-calc-size;
             height: $kendo-button-calc-size;
@@ -32276,7 +32296,8 @@ $grid-group-dropclue-top: calc( ( #{$kendo-button-calc-size} + #{$grid-grouping-
             border-right: 0;
         }
 
-        .k-grid-header .k-grid-column-menu {
+        .k-grid-header .k-grid-column-menu,
+        .k-grid-header .k-grid-header-menu {
             z-index: 1;
         }
     }
@@ -32389,13 +32410,15 @@ $grid-group-dropclue-top: calc( ( #{$kendo-button-calc-size} + #{$grid-grouping-
         }
 
         .k-grid-filter,
-        .k-header-column-menu {
+        .k-header-column-menu,
+        .k-grid-header-menu {
             position: static;
             margin-inline-end: $grid-header-menu-icon-spacing;
         }
 
         .k-grid-filter,
         .k-header-column-menu,
+        .k-grid-header-menu,
         .k-hierarchy-cell .k-icon {
             text-align: center;
             display: inline-block;
@@ -32768,7 +32791,8 @@ $grid-group-dropclue-top: calc( ( #{$kendo-button-calc-size} + #{$grid-grouping-
             border-radius: 50%;
         }
 
-        .k-header-column-menu {
+        .k-header-column-menu,
+        .k-grid-header-menu  {
             border-radius: 50%;
         }
 
@@ -32787,6 +32811,7 @@ $grid-group-dropclue-top: calc( ( #{$kendo-button-calc-size} + #{$grid-grouping-
     .k-cell-inner {
         .k-grid-filter,
         .k-header-column-menu,
+        .k-grid-header-menu,
         .k-hierarchy-cell .k-icon {
             line-height: normal;
         }
@@ -32956,6 +32981,7 @@ $grid-group-dropclue-top: calc( ( #{$kendo-button-calc-size} + #{$grid-grouping-
 
         .k-grid-filter,
         .k-header-column-menu,
+        .k-grid-header-menu,
         .k-hierarchy-cell .k-icon {
             color: $grid-header-text;
         }
@@ -33040,6 +33066,7 @@ $grid-group-dropclue-top: calc( ( #{$kendo-button-calc-size} + #{$grid-grouping-
 
         .k-grid-filter,
         .k-header-column-menu,
+        .k-grid-header-menu,
         .k-hierarchy-cell .k-icon {
             &:hover {
                 color: $kendo-button-hover-text;
@@ -33514,6 +33541,7 @@ $grid-group-dropclue-top: calc( ( #{$kendo-button-calc-size} + #{$grid-grouping-
 
         .k-grid-filter,
         .k-header-column-menu,
+        .k-grid-header-menu,
         .k-hierarchy-cell .k-icon {
             &:hover {
                 color: $grid-text;
@@ -43772,7 +43800,8 @@ $pdf-viewer-search-highlight-bg: $body-text !default;
             flex: 0 0 auto;
             z-index: 2;
         }
-        .k-toolbar .k-pager-wrap {
+        .k-toolbar .k-pager-wrap,
+        .k-toolbar .k-pager {
             padding: 0;
             border-width: 0;
             color: inherit;

package/lib/swatches/material-aqua-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Aqua Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.6.1-dev.0",
+    "version": "5.6.1-dev.3",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-arctic.json

@@ -3,7 +3,7 @@
     "name": "Material Arctic",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.6.1-dev.0",
+    "version": "5.6.1-dev.3",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-burnt-teal.json

@@ -3,7 +3,7 @@
     "name": "Material Burnt Teal",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.6.1-dev.0",
+    "version": "5.6.1-dev.3",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

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

@@ -3,7 +3,7 @@
     "name": "Material Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.6.1-dev.0",
+    "version": "5.6.1-dev.3",
     "previewColors": [
         "#3f51b5",
         "#2196f3",

package/lib/swatches/material-eggplant.json

@@ -3,7 +3,7 @@
     "name": "Material Eggplant",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.6.1-dev.0",
+    "version": "5.6.1-dev.3",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-lime-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Lime Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.6.1-dev.0",
+    "version": "5.6.1-dev.3",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-lime.json

@@ -3,7 +3,7 @@
     "name": "Material Lime",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.6.1-dev.0",
+    "version": "5.6.1-dev.3",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

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

@@ -3,7 +3,7 @@
     "name": "Material Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.6.1-dev.0",
+    "version": "5.6.1-dev.3",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-main.json

@@ -3,7 +3,7 @@
     "name": "Material Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.6.1-dev.0",
+    "version": "5.6.1-dev.3",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-nova.json

@@ -3,7 +3,7 @@
     "name": "Material Nova",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.6.1-dev.0",
+    "version": "5.6.1-dev.3",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-pacific-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.6.1-dev.0",
+    "version": "5.6.1-dev.3",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-pacific.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Light",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.6.1-dev.0",
+    "version": "5.6.1-dev.3",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-sky-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Sky Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.6.1-dev.0",
+    "version": "5.6.1-dev.3",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-sky.json

@@ -3,7 +3,7 @@
     "name": "Material Sky",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.6.1-dev.0",
+    "version": "5.6.1-dev.3",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-smoke.json

@@ -3,7 +3,7 @@
     "name": "Material Smoke",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.6.1-dev.0",
+    "version": "5.6.1-dev.3",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-material",
   "description": "Material theme for Kendo UI",
-  "version": "5.6.1-dev.0",
+  "version": "5.6.1-dev.3",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -44,10 +44,10 @@
     "postpublish": "echo 'no postpublish for material theme'"
   },
   "dependencies": {
-    "@progress/kendo-theme-default": "^5.6.1-dev.0"
+    "@progress/kendo-theme-default": "^5.6.1-dev.3"
   },
   "devDependencies": {
     "sass-build": "^0.0.1"
   },
-  "gitHead": "57dbcf8b8d0e6f11fc74d102cd8784a17438b2d2"
+  "gitHead": "dd570d41f4941a81814d63d80c89ea4de2219a5d"
 }

package/scss/daterangepicker/_variables.scss

@@ -1,2 +1,2 @@
 // Daterangepicker
-$kendo-daterange-picker-input-width: 10em;
+$kendo-daterange-picker-input-width: 10em !default;

package/scss/grid/_layout.scss

@@ -53,7 +53,8 @@ $grid-group-dropclue-top: calc( ( #{$kendo-button-calc-size} + #{$grid-grouping-
             border-radius: 50%;
         }
 
-        .k-header-column-menu {
+        .k-header-column-menu,
+        .k-grid-header-menu  {
             border-radius: 50%;
         }
 
@@ -72,6 +73,7 @@ $grid-group-dropclue-top: calc( ( #{$kendo-button-calc-size} + #{$grid-grouping-
     .k-cell-inner {
         .k-grid-filter,
         .k-header-column-menu,
+        .k-grid-header-menu,
         .k-hierarchy-cell .k-icon {
             line-height: normal;
         }

package/scss/grid/_theme.scss

@@ -163,6 +163,7 @@
 
         .k-grid-filter,
         .k-header-column-menu,
+        .k-grid-header-menu,
         .k-hierarchy-cell .k-icon {
             &:hover {
                 color: $grid-text;