@progress/kendo-theme-default 5.6.0 → 5.6.1-dev.2

package/dist/all.css

@@ -18379,7 +18379,8 @@ kendo-label > .k-label {
 }
 
 .k-calendar-header .k-today,
-.k-calendar-header .k-nav-today {
+.k-calendar-header .k-nav-today,
+.k-calendar-header .k-calendar-nav-today {
     text-decoration: none;
     cursor: pointer;
     outline: none;
@@ -18728,10 +18729,14 @@ kendo-label > .k-label {
 .k-rtl .k-calendar .k-nav-next,
 .k-rtl .k-calendar .k-prev-view,
 .k-rtl .k-calendar .k-next-view,
+.k-rtl .k-calendar .k-calendar-nav-prev,
+.k-rtl .k-calendar .k-calendar-nav-next,
 .k-calendar[dir="rtl"] .k-nav-prev,
 .k-calendar[dir="rtl"] .k-nav-next,
 .k-calendar[dir="rtl"] .k-prev-view,
-.k-calendar[dir="rtl"] .k-next-view {
+.k-calendar[dir="rtl"] .k-next-view,
+.k-calendar[dir="rtl"] .k-calendar-nav-prev,
+.k-calendar[dir="rtl"] .k-calendar-nav-next {
     transform: scaleX(-1);
 }
 
@@ -18777,11 +18782,18 @@ kendo-label > .k-label {
     box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
 }
 
-.k-calendar .k-nav-today {
+.k-calendar .k-nav-today,
+.k-calendar .k-calendar-nav-today {
     color: #ff6358;
 }
 
-.k-calendar .k-nav-today:hover, .k-calendar .k-nav-today.k-hover, .k-calendar .k-nav-today.k-state-hover, .k-calendar .k-nav-today:focus, .k-calendar .k-nav-today.k-focus, .k-calendar .k-nav-today.k-state-focus {
+.k-calendar .k-nav-today:hover, .k-calendar .k-nav-today.k-hover, .k-calendar .k-nav-today.k-state-hover, .k-calendar .k-nav-today:focus, .k-calendar .k-nav-today.k-focus, .k-calendar .k-nav-today.k-state-focus,
+.k-calendar .k-calendar-nav-today:hover,
+.k-calendar .k-calendar-nav-today.k-hover,
+.k-calendar .k-calendar-nav-today.k-state-hover,
+.k-calendar .k-calendar-nav-today:focus,
+.k-calendar .k-calendar-nav-today.k-focus,
+.k-calendar .k-calendar-nav-today.k-state-focus {
     color: #d6534a;
 }
 
@@ -22111,10 +22123,6 @@ kendo-label > .k-label {
     width: 100%;
 }
 
-.k-dialog-close {
-    align-self: flex-end;
-}
-
 .k-dialog-buttongroup {
     border-bottom-right-radius: 0px;
     border-bottom-left-radius: 0px;
@@ -23743,7 +23751,8 @@ kendo-card-footer {
     box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
 }
 
-.k-pager-wrap {
+.k-pager-wrap,
+.k-pager {
     padding: 8px 8px;
     border-width: 1px;
     border-style: solid;
@@ -23765,18 +23774,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;
 }
 
@@ -23802,7 +23818,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);
 }
 
@@ -23951,13 +24006,19 @@ kendo-card-footer {
     display: none;
 }
 
-.k-pager-wrap {
+.k-pager-wrap,
+.k-pager {
     border-color: rgba(0, 0, 0, 0.08);
     color: #424242;
     background-color: #fafafa;
 }
 
-.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 {
     box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
 }
 
@@ -24072,14 +24133,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;
@@ -24116,6 +24169,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;
 }
@@ -24156,9 +24210,19 @@ kendo-card-footer {
     font-style: italic;
 }
 
+.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;
 }
 
@@ -24272,15 +24336,24 @@ kendo-card-footer {
     color: #424242;
 }
 
-.k-stepper .k-step:hover .k-step-label, .k-stepper .k-step.k-step-hover .k-step-label {
+.k-stepper .k-step:hover .k-step-label, .k-stepper .k-step.k-hover .k-step-label, .k-stepper .k-step.k-step-hover .k-step-label {
     color: #373737;
 }
 
-.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.08);
+}
+
+.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: #8f8f8f;
+}
+
+.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: #8f8f8f;
 }
 
@@ -24306,11 +24379,11 @@ kendo-card-footer {
     background-color: #ff6358;
 }
 
-.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: #eb5b51;
 }
 
-.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: #ffa19b;
     color: white;
     background-color: #ffa19b;
@@ -24322,11 +24395,11 @@ kendo-card-footer {
     background-color: #ff6358;
 }
 
-.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: #eb5b51;
 }
 
-.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: #ffa19b;
     color: white;
     background-color: #ffa19b;
@@ -24344,19 +24417,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: #8f8f8f;
-}
-
-.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.08);
-}
-
 .k-stepper .k-step-label-optional {
     color: #666666;
 }
@@ -25373,19 +25437,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;
 }
 
@@ -25938,11 +26002,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;
 }
 
@@ -35023,7 +35089,8 @@ kendo-scheduler .k-recurrence-editor {
     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

@@ -16716,7 +16716,8 @@ $kendo-calendar-sizes: (
             font-weight: bold;
         }
         .k-today,
-        .k-nav-today {
+        .k-nav-today,
+        .k-calendar-nav-today {
             text-decoration: none;
             cursor: pointer;
             outline: none;
@@ -17086,7 +17087,9 @@ $kendo-calendar-sizes: (
         .k-nav-prev,
         .k-nav-next,
         .k-prev-view,
-        .k-next-view {
+        .k-next-view,
+        .k-calendar-nav-prev,
+        .k-calendar-nav-next {
             transform: scaleX(-1);
         }
 
@@ -17143,7 +17146,8 @@ $kendo-calendar-sizes: (
 
 
         // Today navigation
-        .k-nav-today {
+        .k-nav-today,
+        .k-calendar-nav-today {
             color: $calendar-today-nav-text;
 
             &:hover,
@@ -18691,10 +18695,7 @@ $coloreditor-views-gap: $coloreditor-spacer !default;
 // #region @import "../button/_index.scss"; -> packages/default/scss/button/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../colorpalette/_index.scss"; -> packages/default/scss/colorpalette/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
-// #region @import "../colorgradient/_index.scss"; -> packages/default/scss/colorgradient/_index.scss
+// #region @import "../coloreditor/_index.scss"; -> packages/default/scss/coloreditor/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
 // #region @import "../popup/_index.scss"; -> packages/default/scss/popup/_index.scss
@@ -19002,7 +19003,7 @@ $datetime-width: calc( #{$calendar-cell-size * 8} + #{$infinite-calendar-view-pa
 // Component
 // #region @import "_variables.scss"; -> packages/default/scss/daterangepicker/_variables.scss
 // Daterangepicker
-$kendo-daterange-picker-input-width: 10em;
+$kendo-daterange-picker-input-width: 10em !default;
 
 // #endregion
 // #region @import "_layout.scss"; -> packages/default/scss/daterangepicker/_layout.scss
@@ -19069,6 +19070,9 @@ $kendo-daterange-picker-input-width: 10em;
 // #region @import "../common/_index.scss"; -> packages/default/scss/common/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
+// #region @import "../table/_index.scss"; -> packages/default/scss/table/_index.scss
+// File already imported_once. Skipping output.
+// #endregion
 // #region @import "../input/_index.scss"; -> packages/default/scss/input/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -22713,10 +22717,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 {}
@@ -24874,7 +24874,8 @@ $pager-dropdown-width: 5em !default;
 // #region @import "_layout.scss"; -> packages/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;
@@ -25143,7 +25144,8 @@ $pager-dropdown-width: 5em !default;
 // #region @import "_theme.scss"; -> packages/default/scss/pager/_theme.scss
 @include exports("pager/theme") {
 
-    .k-pager-wrap {
+    .k-pager-wrap,
+    .k-pager {
         @include fill(
             $pager-text,
             $pager-bg,
@@ -25472,12 +25474,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 {
@@ -25514,7 +25510,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;
@@ -25557,12 +25555,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;
@@ -25704,6 +25711,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;
@@ -25718,9 +25726,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(
@@ -25729,6 +25746,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 {
@@ -25764,6 +25785,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(
@@ -25777,6 +25799,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(
@@ -25803,6 +25826,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(
@@ -25816,6 +25840,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(
@@ -25844,6 +25869,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 );
@@ -25851,16 +25877,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;
@@ -27209,7 +27225,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,
@@ -27619,19 +27636,19 @@ $splitbar-selected-text: $selected-text !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;
     }
 
@@ -28388,7 +28405,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 {
@@ -40142,7 +40160,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/default-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.6.0",
+    "version": "5.6.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

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

@@ -3,7 +3,7 @@
     "name": "Default Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.6.0",
+    "version": "5.6.1-dev.2",
     "previewColors": [
         "#ff6358",
         "#ffd246",

package/lib/swatches/default-green.json

@@ -3,7 +3,7 @@
     "name": "Default Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.6.0",
+    "version": "5.6.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

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

@@ -3,7 +3,7 @@
     "name": "Default Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.6.0",
+    "version": "5.6.1-dev.2",
     "previewColors": [
         "#000000",
         "#151515",

package/lib/swatches/default-main.json

@@ -3,7 +3,7 @@
     "name": "Default Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.6.0",
+    "version": "5.6.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-nordic.json

@@ -3,7 +3,7 @@
     "name": "Default Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.6.0",
+    "version": "5.6.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#50686e",

package/lib/swatches/default-ocean-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.6.0",
+    "version": "5.6.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-orange.json

@@ -3,7 +3,7 @@
     "name": "Default Orange",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.6.0",
+    "version": "5.6.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-purple.json

@@ -3,7 +3,7 @@
     "name": "Default Purple",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.6.0",
+    "version": "5.6.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Default Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.6.0",
+    "version": "5.6.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-urban.json

@@ -3,7 +3,7 @@
     "name": "Default Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.6.0",
+    "version": "5.6.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#e3eef4",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "5.6.0",
+  "version": "5.6.1-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -44,5 +44,5 @@
   "devDependencies": {
     "sass-build": "^0.0.1"
   },
-  "gitHead": "ef24d215b0a733af85dbc621ccc41f4f80b84d90"
+  "gitHead": "2bc7c2f0b6f8edd33c5a5c616cf937f2385e769f"
 }

package/scss/adaptive/_layout.scss

@@ -453,7 +453,8 @@
         }
 
         // Pager
-        .k-pager-wrap.k-pager-sm {
+        .k-pager-wrap.k-pager-sm,
+        .k-pager.k-pager-sm {
             justify-content: center;
 
             .k-pager-refresh {

package/scss/calendar/_layout.scss

@@ -134,7 +134,8 @@
             font-weight: bold;
         }
         .k-today,
-        .k-nav-today {
+        .k-nav-today,
+        .k-calendar-nav-today {
             text-decoration: none;
             cursor: pointer;
             outline: none;
@@ -504,7 +505,9 @@
         .k-nav-prev,
         .k-nav-next,
         .k-prev-view,
-        .k-next-view {
+        .k-next-view,
+        .k-calendar-nav-prev,
+        .k-calendar-nav-next {
             transform: scaleX(-1);
         }
 

package/scss/calendar/_theme.scss

@@ -25,7 +25,8 @@
 
 
         // Today navigation
-        .k-nav-today {
+        .k-nav-today,
+        .k-calendar-nav-today {
             color: $calendar-today-nav-text;
 
             &:hover,

package/scss/colorpicker/_index.scss

@@ -4,8 +4,7 @@
 // Dependencies
 @import "../input/_index.scss";
 @import "../button/_index.scss";
-@import "../colorpalette/_index.scss";
-@import "../colorgradient/_index.scss";
+@import "../coloreditor/_index.scss";
 @import "../popup/_index.scss";
 @import "../icons/_index.scss";
 

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/dialog/_layout.scss

@@ -40,10 +40,6 @@
     .k-dialog-titlebar {}
     .k-dialog-title {}
 
-    .k-dialog-close {
-        align-self: flex-end;
-    }
-
 
     // Actions
     .k-dialog-actions {}

package/scss/dropdowngrid/_index.scss

@@ -3,6 +3,7 @@
 
 // Dependencies
 @import "../common/_index.scss";
+@import "../table/_index.scss";
 @import "../input/_index.scss";
 @import "../floating-label/_index.scss";
 @import "../combobox/_index.scss";

package/scss/pager/_layout.scss

@@ -1,6 +1,7 @@
 @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;

package/scss/pager/_theme.scss

@@ -1,6 +1,7 @@
 @include exports("pager/theme") {
 
-    .k-pager-wrap {
+    .k-pager-wrap,
+    .k-pager {
         @include fill(
             $pager-text,
             $pager-bg,

package/scss/panelbar/_theme.scss

@@ -12,7 +12,8 @@
         > .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,

package/scss/pdf-viewer/_layout.scss

@@ -23,7 +23,8 @@
             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/scss/splitter/_layout.scss

@@ -106,19 +106,19 @@
         }
     }
 
-    .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;
     }
 

package/scss/stepper/_layout.scss

@@ -50,12 +50,6 @@
             align-items: center;
             overflow: hidden;
         }
-        .k-step-disabled {
-            pointer-events: none;
-
-            .k-step-link { cursor: default; }
-        }
-
 
         // Step indicator
         .k-step-indicator {
@@ -92,7 +86,9 @@
                 z-index: 2;
             }
         }
+
         .k-step-focus,
+        .k-step.k-focus,
         .k-step-link:focus {
             .k-step-indicator::after {
                 display: block;
@@ -135,12 +131,21 @@
             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;

package/scss/stepper/_theme.scss

@@ -13,6 +13,7 @@
         .k-step {
             // Hover
             &:hover,
+            &.k-hover,
             &.k-step-hover {
                 .k-step-label {
                     color: $stepper-label-hover-text;
@@ -27,9 +28,18 @@
                 }
             }
 
+            &.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(
@@ -38,6 +48,10 @@
                         $stepper-indicator-disabled-border
                     );
                 }
+
+                .k-step-label {
+                    @include fill( $color: $stepper-label-disabled-text );
+                }
             }
         }
         .k-step-indicator {
@@ -73,6 +87,7 @@
 
             // Hover
             &:hover,
+            &.k-hover,
             &.k-step-hover {
                 .k-step-indicator {
                     @include fill(
@@ -86,6 +101,7 @@
 
             // Disabled
             &.k-step-disabled,
+            &.k-disabled,
             &:disabled {
                 .k-step-indicator {
                     @include fill(
@@ -112,6 +128,7 @@
 
             // Hover
             &:hover,
+            &.k-hover,
             &.k-step-hover {
                 .k-step-indicator {
                     @include fill(
@@ -125,6 +142,7 @@
 
             // Disabled
             &.k-step-disabled,
+            &.k-disabled,
             &:disabled {
                 .k-step-indicator {
                     @include fill(
@@ -153,6 +171,7 @@
             }
 
             &:hover,
+            &.k-hover,
             &.k-step-hover {
                 .k-step-label {
                     @include fill( $color: $stepper-label-error-text );
@@ -160,16 +179,6 @@
             }
         }
 
-        .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;