@progress/kendo-theme-default 6.3.0 → 6.4.0-dev.0

package/dist/all.css

@@ -37880,8 +37880,8 @@ select.k-picker-lg {
 }
 
 .k-calendar-th {
-    width: 32px;
-    height: 32px;
+    inline-size: var(--INTERNAL--kendo-calendar-cell-size, 32px);
+    block-size: var(--INTERNAL--kendo-calendar-cell-size, 32px);
     font-size: 12px;
     line-height: 2;
     text-transform: uppercase;
@@ -42866,194 +42866,313 @@ kendo-card-footer {
     z-index: 1;
 }
 
-.k-bottom-nav-solid.k-bottom-nav-primary {
+.k-bottom-nav-solid-primary, .k-bottom-nav-solid.k-bottom-nav-primary {
     color: #ffc8c5;
     background-color: #ff6358;
 }
 
-.k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
+.k-bottom-nav-solid-primary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
+.k-bottom-nav-solid-primary .k-bottom-nav-item:focus,
 .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item:focus {
     background-color: rgba(255, 200, 197, 0.2);
 }
 
-.k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
+.k-bottom-nav-solid-primary .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
     color: white;
 }
 
-.k-bottom-nav-solid.k-bottom-nav-secondary {
+.k-bottom-nav-solid-secondary, .k-bottom-nav-solid.k-bottom-nav-secondary {
     color: #c9c9c9;
     background-color: #666666;
 }
 
-.k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
+.k-bottom-nav-solid-secondary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
+.k-bottom-nav-solid-secondary .k-bottom-nav-item:focus,
 .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item:focus {
     background-color: rgba(201, 201, 201, 0.2);
 }
 
-.k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
+.k-bottom-nav-solid-secondary .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
     color: white;
 }
 
-.k-bottom-nav-solid.k-bottom-nav-tertiary {
+.k-bottom-nav-solid-tertiary, .k-bottom-nav-solid.k-bottom-nav-tertiary {
     color: #a7e1fb;
     background-color: #03a9f4;
 }
 
-.k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
+.k-bottom-nav-solid-tertiary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
+.k-bottom-nav-solid-tertiary .k-bottom-nav-item:focus,
 .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item:focus {
     background-color: rgba(167, 225, 251, 0.2);
 }
 
-.k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
+.k-bottom-nav-solid-tertiary .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
     color: white;
 }
 
-.k-bottom-nav-solid.k-bottom-nav-info {
+.k-bottom-nav-solid-info, .k-bottom-nav-solid.k-bottom-nav-info {
     color: #a6c5f7;
     background-color: #0058e9;
 }
 
-.k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-focus,
+.k-bottom-nav-solid-info .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-focus,
+.k-bottom-nav-solid-info .k-bottom-nav-item:focus,
 .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item:focus {
     background-color: rgba(166, 197, 247, 0.2);
 }
 
-.k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-selected {
+.k-bottom-nav-solid-info .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-selected {
     color: white;
 }
 
-.k-bottom-nav-solid.k-bottom-nav-success {
+.k-bottom-nav-solid-success, .k-bottom-nav-solid.k-bottom-nav-success {
     color: #b9e5a6;
     background-color: #37b400;
 }
 
-.k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-focus,
+.k-bottom-nav-solid-success .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-focus,
+.k-bottom-nav-solid-success .k-bottom-nav-item:focus,
 .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item:focus {
     background-color: rgba(185, 229, 166, 0.2);
 }
 
-.k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-selected {
+.k-bottom-nav-solid-success .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-selected {
     color: white;
 }
 
-.k-bottom-nav-solid.k-bottom-nav-warning {
+.k-bottom-nav-solid-warning, .k-bottom-nav-solid.k-bottom-nav-warning {
     color: #594300;
     background-color: #ffc000;
 }
 
-.k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
+.k-bottom-nav-solid-warning .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
+.k-bottom-nav-solid-warning .k-bottom-nav-item:focus,
 .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item:focus {
     background-color: rgba(89, 67, 0, 0.2);
 }
 
-.k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
+.k-bottom-nav-solid-warning .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
     color: black;
 }
 
-.k-bottom-nav-solid.k-bottom-nav-error {
+.k-bottom-nav-solid-error, .k-bottom-nav-solid.k-bottom-nav-error {
     color: #fbaea6;
     background-color: #f31700;
 }
 
-.k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-focus,
+.k-bottom-nav-solid-error .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-focus,
+.k-bottom-nav-solid-error .k-bottom-nav-item:focus,
 .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item:focus {
     background-color: rgba(251, 174, 166, 0.2);
 }
 
-.k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-selected {
+.k-bottom-nav-solid-error .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-selected {
     color: white;
 }
 
-.k-bottom-nav-solid.k-bottom-nav-dark {
+.k-bottom-nav-solid-dark, .k-bottom-nav-solid.k-bottom-nav-dark {
     color: #bdbdbd;
     background-color: #424242;
 }
 
-.k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
+.k-bottom-nav-solid-dark .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
+.k-bottom-nav-solid-dark .k-bottom-nav-item:focus,
 .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item:focus {
     background-color: rgba(189, 189, 189, 0.2);
 }
 
-.k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
+.k-bottom-nav-solid-dark .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
     color: white;
 }
 
-.k-bottom-nav-solid.k-bottom-nav-light {
+.k-bottom-nav-solid-light, .k-bottom-nav-solid.k-bottom-nav-light {
     color: #525252;
     background-color: #ebebeb;
 }
 
-.k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-focus,
+.k-bottom-nav-solid-light .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-focus,
+.k-bottom-nav-solid-light .k-bottom-nav-item:focus,
 .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item:focus {
     background-color: rgba(82, 82, 82, 0.2);
 }
 
-.k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-selected {
+.k-bottom-nav-solid-light .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-selected {
     color: black;
 }
 
-.k-bottom-nav-solid.k-bottom-nav-inverse {
+.k-bottom-nav-solid-inverse, .k-bottom-nav-solid.k-bottom-nav-inverse {
     color: #bdbdbd;
     background-color: #424242;
 }
 
-.k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
+.k-bottom-nav-solid-inverse .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
+.k-bottom-nav-solid-inverse .k-bottom-nav-item:focus,
 .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item:focus {
     background-color: rgba(189, 189, 189, 0.2);
 }
 
-.k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
+.k-bottom-nav-solid-inverse .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
     color: white;
 }
 
-.k-bottom-nav-flat {
+.k-bottom-nav-flat-primary, .k-bottom-nav-flat.k-bottom-nav-primary {
     border-color: rgba(0, 0, 0, 0.08);
     color: #424242;
     background-color: #ffffff;
 }
 
-.k-bottom-nav-flat .k-bottom-nav-item.k-focus,
-.k-bottom-nav-flat .k-bottom-nav-item:focus {
+.k-bottom-nav-flat-primary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
+.k-bottom-nav-flat-primary .k-bottom-nav-item:focus,
+.k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item:focus {
     background-color: rgba(66, 66, 66, 0.05);
 }
 
-.k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
+.k-bottom-nav-flat-primary .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
     color: #ff6358;
 }
 
-.k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
+.k-bottom-nav-flat-secondary, .k-bottom-nav-flat.k-bottom-nav-secondary {
+    border-color: rgba(0, 0, 0, 0.08);
+    color: #424242;
+    background-color: #ffffff;
+}
+
+.k-bottom-nav-flat-secondary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
+.k-bottom-nav-flat-secondary .k-bottom-nav-item:focus,
+.k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item:focus {
+    background-color: rgba(66, 66, 66, 0.05);
+}
+
+.k-bottom-nav-flat-secondary .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
     color: #4e4e4e;
 }
 
-.k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
+.k-bottom-nav-flat-tertiary, .k-bottom-nav-flat.k-bottom-nav-tertiary {
+    border-color: rgba(0, 0, 0, 0.08);
+    color: #424242;
+    background-color: #ffffff;
+}
+
+.k-bottom-nav-flat-tertiary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
+.k-bottom-nav-flat-tertiary .k-bottom-nav-item:focus,
+.k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item:focus {
+    background-color: rgba(66, 66, 66, 0.05);
+}
+
+.k-bottom-nav-flat-tertiary .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
     color: #03a9f4;
 }
 
-.k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-selected {
+.k-bottom-nav-flat-info, .k-bottom-nav-flat.k-bottom-nav-info {
+    border-color: rgba(0, 0, 0, 0.08);
+    color: #424242;
+    background-color: #ffffff;
+}
+
+.k-bottom-nav-flat-info .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-focus,
+.k-bottom-nav-flat-info .k-bottom-nav-item:focus,
+.k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item:focus {
+    background-color: rgba(66, 66, 66, 0.05);
+}
+
+.k-bottom-nav-flat-info .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-selected {
     color: #0058e9;
 }
 
-.k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-selected {
+.k-bottom-nav-flat-success, .k-bottom-nav-flat.k-bottom-nav-success {
+    border-color: rgba(0, 0, 0, 0.08);
+    color: #424242;
+    background-color: #ffffff;
+}
+
+.k-bottom-nav-flat-success .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-focus,
+.k-bottom-nav-flat-success .k-bottom-nav-item:focus,
+.k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item:focus {
+    background-color: rgba(66, 66, 66, 0.05);
+}
+
+.k-bottom-nav-flat-success .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-selected {
     color: #37b400;
 }
 
-.k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
+.k-bottom-nav-flat-warning, .k-bottom-nav-flat.k-bottom-nav-warning {
+    border-color: rgba(0, 0, 0, 0.08);
+    color: #424242;
+    background-color: #ffffff;
+}
+
+.k-bottom-nav-flat-warning .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
+.k-bottom-nav-flat-warning .k-bottom-nav-item:focus,
+.k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item:focus {
+    background-color: rgba(66, 66, 66, 0.05);
+}
+
+.k-bottom-nav-flat-warning .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
     color: #ffc000;
 }
 
-.k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-selected {
+.k-bottom-nav-flat-error, .k-bottom-nav-flat.k-bottom-nav-error {
+    border-color: rgba(0, 0, 0, 0.08);
+    color: #424242;
+    background-color: #ffffff;
+}
+
+.k-bottom-nav-flat-error .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-focus,
+.k-bottom-nav-flat-error .k-bottom-nav-item:focus,
+.k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item:focus {
+    background-color: rgba(66, 66, 66, 0.05);
+}
+
+.k-bottom-nav-flat-error .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-selected {
     color: #f31700;
 }
 
-.k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
+.k-bottom-nav-flat-dark, .k-bottom-nav-flat.k-bottom-nav-dark {
+    border-color: rgba(0, 0, 0, 0.08);
+    color: #424242;
+    background-color: #ffffff;
+}
+
+.k-bottom-nav-flat-dark .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
+.k-bottom-nav-flat-dark .k-bottom-nav-item:focus,
+.k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item:focus {
+    background-color: rgba(66, 66, 66, 0.05);
+}
+
+.k-bottom-nav-flat-dark .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
+    color: #424242;
+}
+
+.k-bottom-nav-flat-light, .k-bottom-nav-flat.k-bottom-nav-light {
+    border-color: rgba(0, 0, 0, 0.08);
     color: #424242;
+    background-color: #ffffff;
+}
+
+.k-bottom-nav-flat-light .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-focus,
+.k-bottom-nav-flat-light .k-bottom-nav-item:focus,
+.k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item:focus {
+    background-color: rgba(66, 66, 66, 0.05);
 }
 
-.k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-selected {
+.k-bottom-nav-flat-light .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-selected {
     color: #b3b3b3;
 }
 
-.k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
+.k-bottom-nav-flat-inverse, .k-bottom-nav-flat.k-bottom-nav-inverse {
+    border-color: rgba(0, 0, 0, 0.08);
+    color: #424242;
+    background-color: #ffffff;
+}
+
+.k-bottom-nav-flat-inverse .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
+.k-bottom-nav-flat-inverse .k-bottom-nav-item:focus,
+.k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item:focus {
+    background-color: rgba(66, 66, 66, 0.05);
+}
+
+.k-bottom-nav-flat-inverse .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
     color: #424242;
 }
 
@@ -43087,10 +43206,6 @@ kendo-card-footer {
     overflow: hidden;
 }
 
-.k-breadcrumb-container.k-flex-wrap {
-    flex-wrap: wrap;
-}
-
 .k-breadcrumb-root-item-container {
     align-items: flex-start;
     flex-shrink: 0;
@@ -43100,6 +43215,7 @@ kendo-card-footer {
     vertical-align: middle;
     display: inline-flex;
     flex-direction: row;
+    flex: none;
     align-items: center;
     overflow: hidden;
 }
@@ -44280,6 +44396,9 @@ kendo-card-footer {
 
 .k-expander-indicator {
     margin-left: 12px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }
 
 .k-expander-content {
@@ -46767,7 +46886,8 @@ div.k-grid-norecords {
 }
 
 .k-columnmenu-item > .k-icon,
-.k-columnmenu-item > .k-svg-icon {
+.k-columnmenu-item > .k-svg-icon,
+.k-columnmenu-item > .k-expander-indicator {
     margin-inline-end: 4px;
 }
 
@@ -48014,8 +48134,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 
 .k-spreadsheet-filter-menu .k-details-summary > .k-icon,
 .k-spreadsheet-filter-menu .k-details-summary > .k-svg-icon,
+.k-spreadsheet-filter-menu .k-details-summary > .k-expander-indicator,
 .k-spreadsheet-filter-menu .k-columnmenu-item > .k-icon,
-.k-spreadsheet-filter-menu .k-columnmenu-item > .k-svg-icon {
+.k-spreadsheet-filter-menu .k-columnmenu-item > .k-svg-icon,
+.k-spreadsheet-filter-menu .k-columnmenu-item > .k-expander-indicator {
     margin-right: 4px;
 }
 
@@ -50482,24 +50604,6 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     margin-bottom: 0;
 }
 
-.k-editor-table-wizard-window .k-numerictextbox {
-    width: 10em;
-}
-
-.k-editor-table-wizard-window .k-numerictextbox + .k-dropdown-list, .k-editor-table-wizard-window .k-numerictextbox + .k-dropdown,
-.k-editor-table-wizard-window .k-numerictextbox + .k-dropdownlist {
-    width: 5em;
-}
-
-.k-editor-table-wizard-window .k-numerictextbox + .k-color-picker, .k-editor-table-wizard-window .k-numerictextbox + .k-colorpicker, .k-editor-table-wizard-window .k-numerictextbox + .k-dropdown-list, .k-editor-table-wizard-window .k-numerictextbox + .k-dropdown,
-.k-editor-table-wizard-window .k-numerictextbox + .k-dropdownlist {
-    margin-left: 8px;
-}
-
-.k-editor-table-wizard-window .k-color-picker, .k-editor-table-wizard-window .k-colorpicker {
-    vertical-align: middle;
-}
-
 .k-editor-table-wizard-window .k-edit-field > .k-checkbox {
     position: relative;
 }
@@ -52157,19 +52261,9 @@ kendo-scheduler.k-scheduler.k-readonly-scheduler .k-event-delete {
     flex-flow: row nowrap;
 }
 
-.k-scheduler-views-wrapper .k-views-dropdown {
+.k-scheduler-toolbar .k-views-dropdown {
     width: auto;
     font: inherit;
-    display: none;
-}
-
-@media (max-width: 1024px) {
-    .k-scheduler-views-wrapper .k-scheduler-views {
-        display: none;
-    }
-    .k-scheduler-views-wrapper .k-views-dropdown {
-        display: inline-block;
-    }
 }
 
 .k-scheduler-footer {

package/dist/all.scss

@@ -27753,8 +27753,8 @@ $kendo-calendar-sizes: (
     .k-calendar-th {
         padding-block: $kendo-calendar-header-cell-padding-y;
         padding-inline: $kendo-calendar-header-cell-padding-x;
-        width: $kendo-calendar-header-cell-width;
-        height: $kendo-calendar-header-cell-height;
+        inline-size: var( --INTERNAL--kendo-calendar-cell-size, $kendo-calendar-header-cell-width );
+        block-size: var( --INTERNAL--kendo-calendar-cell-size, $kendo-calendar-header-cell-height );
         font-size: $kendo-calendar-header-cell-font-size;
         line-height: $kendo-calendar-header-cell-line-height;
         text-transform: uppercase;
@@ -37165,7 +37165,7 @@ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
 
     // Solid
     @each $name, $color in $kendo-theme-colors {
-        .k-bottom-nav-solid.k-bottom-nav-#{$name} {
+        .k-bottom-nav-solid-#{$name} {
             @include fill(
                 $color: k-true-mix( $color, k-contrast-legacy( $color ), 35%),
                 $bg: $color
@@ -37180,23 +37180,27 @@ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
                 @include fill( $color: k-contrast-legacy( $color ) );
             }
         }
+        // TODO: remove when suites update class names
+        .k-bottom-nav-solid.k-bottom-nav-#{$name} {
+            @extend .k-bottom-nav-solid-#{$name} !optional;
+        }
     }
 
     // Flat
-    .k-bottom-nav-flat {
-        @include fill(
-            $kendo-bottom-nav-flat-text,
-            $kendo-bottom-nav-flat-bg,
-            $kendo-bottom-nav-flat-border
-        );
+    @each $name, $color in $kendo-theme-colors {
+        .k-bottom-nav-flat-#{$name} {
+            @include fill(
+                $kendo-bottom-nav-flat-text,
+                $kendo-bottom-nav-flat-bg,
+                $kendo-bottom-nav-flat-border
+            );
 
-        .k-bottom-nav-item.k-focus,
-        .k-bottom-nav-item:focus {
-            @include fill( $bg: rgba($kendo-bottom-nav-flat-text, .05) );
-        }
+            .k-bottom-nav-item.k-focus,
+            .k-bottom-nav-item:focus {
+                @include fill( $bg: rgba($kendo-bottom-nav-flat-text, .05) );
+            }
 
-        @each $name, $color in $kendo-theme-colors {
-            &.k-bottom-nav-#{$name} .k-bottom-nav-item.k-selected {
+            .k-bottom-nav-item.k-selected {
                 @if $name == "secondary" or $name == "light" {
                     @include fill( $color: k-try-shade($color, 3) );
                 } @else {
@@ -37204,6 +37208,9 @@ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
                 }
             }
         }
+        .k-bottom-nav-flat.k-bottom-nav-#{$name} {
+            @extend .k-bottom-nav-flat-#{$name} !optional;
+        }
     }
 
 }
@@ -37372,12 +37379,6 @@ $kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
         overflow: hidden;
     }
 
-    .k-breadcrumb-container {
-        // TODO: use !k-flex-wrap in rendering
-        &.k-flex-wrap {
-            flex-wrap: wrap;
-        }
-    }
     .k-breadcrumb-root-item-container {
         align-items: flex-start;
         flex-shrink: 0;
@@ -37389,6 +37390,7 @@ $kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
         vertical-align: middle;
         display: inline-flex;
         flex-direction: row;
+        flex: none;
         align-items: center;
         overflow: hidden;
     }
@@ -39754,6 +39756,9 @@ $kendo-expander-content-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
     // Expand / collapse icon
     .k-expander-indicator {
         margin-left: $kendo-expander-indicator-margin-x;
+        display: flex;
+        justify-content: center;
+        align-items: center;
     }
 
     // Expander content
@@ -43329,7 +43334,8 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
         cursor: pointer;
 
         > .k-icon,
-        > .k-svg-icon {
+        > .k-svg-icon,
+        > .k-expander-indicator {
             margin-inline-end: $kendo-icon-spacing;
         }
     }
@@ -44948,7 +44954,8 @@ $kendo-spreadsheet-drawing-anchor-bg: rgba( $kendo-selected-bg, .25 ) !default;
             cursor: pointer;
 
             > .k-icon,
-            > .k-svg-icon {
+            > .k-svg-icon,
+            > .k-expander-indicator {
                 margin-right: $kendo-padding-md-y;
             }
         }
@@ -48692,24 +48699,6 @@ $kendo-editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-li
             }
         }
 
-        // Generic widgets
-        .k-numerictextbox {
-            width: 10em;
-
-            & + .k-dropdown-list {
-                width: 5em;
-            }
-
-            & + .k-color-picker,
-            & + .k-dropdown-list {
-                margin-left: k-map-get( $kendo-spacing, 2 );
-            }
-        }
-
-        .k-color-picker {
-            vertical-align: middle;
-        }
-
         .k-edit-field > .k-checkbox {
             position: relative; // fix scrolling
         }
@@ -51063,24 +51052,11 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
     // Scheduler navigation
     .k-scheduler-navigation {}
 
-
-    // View switcher
-    .k-scheduler-views-wrapper {
-
-        // Views dropdown
-        .k-views-dropdown {
-            width: auto;
-            font: inherit;
-            display: none;
-        }
-
-        @media (max-width: 1024px) {
-            .k-scheduler-views { display: none; }
-            .k-views-dropdown { display: inline-block; }
-        }
+    .k-scheduler-toolbar .k-views-dropdown {
+        width: auto;
+        font: inherit;
     }
 
-
     // Scheduler footer
     .k-scheduler-footer {
         @include box-shadow( none );

package/lib/swatches/default-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.0",
+    "version": "6.4.0-dev.0",
     "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": "6.3.0",
+    "version": "6.4.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ff6358",

package/lib/swatches/default-green.json

@@ -3,7 +3,7 @@
     "name": "Default Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.0",
+    "version": "6.4.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

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

@@ -3,7 +3,7 @@
     "name": "Default Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.0",
+    "version": "6.4.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#000000",

package/lib/swatches/default-main.json

@@ -3,7 +3,7 @@
     "name": "Default Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.0",
+    "version": "6.4.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-nordic.json

@@ -3,7 +3,7 @@
     "name": "Default Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.0",
+    "version": "6.4.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

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

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue A11Y",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.0",
+    "version": "6.4.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

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

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.0",
+    "version": "6.4.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-orange.json

@@ -3,7 +3,7 @@
     "name": "Default Orange",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.0",
+    "version": "6.4.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-purple.json

@@ -3,7 +3,7 @@
     "name": "Default Purple",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.0",
+    "version": "6.4.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Default Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.0",
+    "version": "6.4.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-urban.json

@@ -3,7 +3,7 @@
     "name": "Default Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.3.0",
+    "version": "6.4.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "6.3.0",
+  "version": "6.4.0-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -48,8 +48,8 @@
   },
   "dependencies": {
     "@progress/kendo-font-icons": "1.4.2",
-    "@progress/kendo-theme-core": "6.3.0",
-    "@progress/kendo-theme-utils": "6.3.0"
+    "@progress/kendo-theme-core": "6.4.0-dev.0",
+    "@progress/kendo-theme-utils": "6.4.0-dev.0"
   },
-  "gitHead": "b20e74e39e32c4a5dd2fde0b0591dcd451d2c1cc"
+  "gitHead": "862cb1931ece807ea4ae7496ce5033bf3f3eea30"
 }

package/scss/bottom-navigation/_theme.scss

@@ -2,7 +2,7 @@
 
     // Solid
     @each $name, $color in $kendo-theme-colors {
-        .k-bottom-nav-solid.k-bottom-nav-#{$name} {
+        .k-bottom-nav-solid-#{$name} {
             @include fill(
                 $color: k-true-mix( $color, k-contrast-legacy( $color ), 35%),
                 $bg: $color
@@ -17,23 +17,27 @@
                 @include fill( $color: k-contrast-legacy( $color ) );
             }
         }
+        // TODO: remove when suites update class names
+        .k-bottom-nav-solid.k-bottom-nav-#{$name} {
+            @extend .k-bottom-nav-solid-#{$name} !optional;
+        }
     }
 
     // Flat
-    .k-bottom-nav-flat {
-        @include fill(
-            $kendo-bottom-nav-flat-text,
-            $kendo-bottom-nav-flat-bg,
-            $kendo-bottom-nav-flat-border
-        );
-
-        .k-bottom-nav-item.k-focus,
-        .k-bottom-nav-item:focus {
-            @include fill( $bg: rgba($kendo-bottom-nav-flat-text, .05) );
-        }
+    @each $name, $color in $kendo-theme-colors {
+        .k-bottom-nav-flat-#{$name} {
+            @include fill(
+                $kendo-bottom-nav-flat-text,
+                $kendo-bottom-nav-flat-bg,
+                $kendo-bottom-nav-flat-border
+            );
 
-        @each $name, $color in $kendo-theme-colors {
-            &.k-bottom-nav-#{$name} .k-bottom-nav-item.k-selected {
+            .k-bottom-nav-item.k-focus,
+            .k-bottom-nav-item:focus {
+                @include fill( $bg: rgba($kendo-bottom-nav-flat-text, .05) );
+            }
+
+            .k-bottom-nav-item.k-selected {
                 @if $name == "secondary" or $name == "light" {
                     @include fill( $color: k-try-shade($color, 3) );
                 } @else {
@@ -41,6 +45,9 @@
                 }
             }
         }
+        .k-bottom-nav-flat.k-bottom-nav-#{$name} {
+            @extend .k-bottom-nav-flat-#{$name} !optional;
+        }
     }
 
 }

package/scss/breadcrumb/_layout.scss

@@ -37,12 +37,6 @@
         overflow: hidden;
     }
 
-    .k-breadcrumb-container {
-        // TODO: use !k-flex-wrap in rendering
-        &.k-flex-wrap {
-            flex-wrap: wrap;
-        }
-    }
     .k-breadcrumb-root-item-container {
         align-items: flex-start;
         flex-shrink: 0;
@@ -54,6 +48,7 @@
         vertical-align: middle;
         display: inline-flex;
         flex-direction: row;
+        flex: none;
         align-items: center;
         overflow: hidden;
     }

package/scss/calendar/_layout.scss

@@ -73,8 +73,8 @@
     .k-calendar-th {
         padding-block: $kendo-calendar-header-cell-padding-y;
         padding-inline: $kendo-calendar-header-cell-padding-x;
-        width: $kendo-calendar-header-cell-width;
-        height: $kendo-calendar-header-cell-height;
+        inline-size: var( --INTERNAL--kendo-calendar-cell-size, $kendo-calendar-header-cell-width );
+        block-size: var( --INTERNAL--kendo-calendar-cell-size, $kendo-calendar-header-cell-height );
         font-size: $kendo-calendar-header-cell-font-size;
         line-height: $kendo-calendar-header-cell-line-height;
         text-transform: uppercase;

package/scss/editor/_layout.scss

@@ -508,24 +508,6 @@
             }
         }
 
-        // Generic widgets
-        .k-numerictextbox {
-            width: 10em;
-
-            & + .k-dropdown-list {
-                width: 5em;
-            }
-
-            & + .k-color-picker,
-            & + .k-dropdown-list {
-                margin-left: k-map-get( $kendo-spacing, 2 );
-            }
-        }
-
-        .k-color-picker {
-            vertical-align: middle;
-        }
-
         .k-edit-field > .k-checkbox {
             position: relative; // fix scrolling
         }

package/scss/expansion-panel/_layout.scss

@@ -56,6 +56,9 @@
     // Expand / collapse icon
     .k-expander-indicator {
         margin-left: $kendo-expander-indicator-margin-x;
+        display: flex;
+        justify-content: center;
+        align-items: center;
     }
 
     // Expander content

package/scss/grid/_layout.scss

@@ -1316,7 +1316,8 @@
         cursor: pointer;
 
         > .k-icon,
-        > .k-svg-icon {
+        > .k-svg-icon,
+        > .k-expander-indicator {
             margin-inline-end: $kendo-icon-spacing;
         }
     }

package/scss/scheduler/_layout.scss

@@ -237,24 +237,11 @@
     // Scheduler navigation
     .k-scheduler-navigation {}
 
-
-    // View switcher
-    .k-scheduler-views-wrapper {
-
-        // Views dropdown
-        .k-views-dropdown {
-            width: auto;
-            font: inherit;
-            display: none;
-        }
-
-        @media (max-width: 1024px) {
-            .k-scheduler-views { display: none; }
-            .k-views-dropdown { display: inline-block; }
-        }
+    .k-scheduler-toolbar .k-views-dropdown {
+        width: auto;
+        font: inherit;
     }
 
-
     // Scheduler footer
     .k-scheduler-footer {
         @include box-shadow( none );

package/scss/spreadsheet/_layout.scss

@@ -632,7 +632,8 @@
             cursor: pointer;
 
             > .k-icon,
-            > .k-svg-icon {
+            > .k-svg-icon,
+            > .k-expander-indicator {
                 margin-right: $kendo-padding-md-y;
             }
         }