@progress/kendo-theme-fluent 6.3.1-dev.0 → 6.4.0-dev.0

package/dist/all.css

@@ -41692,7 +41692,7 @@ kendo-drawer .k-drawer-wrapper {
   --INTERNAL--kendo-bottom-nav-item-border: var( --kendo-bottom-nav-item-disabled-border );
 }
 
-.k-bottom-nav-solid.k-bottom-nav-primary {
+.k-bottom-nav-solid-primary, .k-bottom-nav-solid.k-bottom-nav-primary {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-solid-primary-text, #ffffff );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-solid-primary-bg, var(--kendo-primary-100, inherit) );
   --kendo-bottom-nav-border: var( --kendo-bottom-nav-solid-primary-border, var(--kendo-primary-100, inherit) );
@@ -41708,7 +41708,7 @@ kendo-drawer .k-drawer-wrapper {
   --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-solid-primary-disabled-border, var(--kendo-disabled-border, inherit) );
 }
 
-.k-bottom-nav-solid.k-bottom-nav-error {
+.k-bottom-nav-solid-error, .k-bottom-nav-solid.k-bottom-nav-error {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-solid-error-text, #ffffff );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-solid-error-bg, var(--kendo-error-100, inherit) );
   --kendo-bottom-nav-border: var( --kendo-bottom-nav-solid-error-border, var(--kendo-error-100, inherit) );
@@ -41724,7 +41724,7 @@ kendo-drawer .k-drawer-wrapper {
   --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-solid-error-disabled-border, var(--kendo-disabled-border, inherit) );
 }
 
-.k-bottom-nav-solid.k-bottom-nav-success {
+.k-bottom-nav-solid-success, .k-bottom-nav-solid.k-bottom-nav-success {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-solid-success-text, #ffffff );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-solid-success-bg, var(--kendo-success-100, inherit) );
   --kendo-bottom-nav-border: var( --kendo-bottom-nav-solid-success-border, var(--kendo-success-100, inherit) );
@@ -41740,7 +41740,7 @@ kendo-drawer .k-drawer-wrapper {
   --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-solid-success-disabled-border, var(--kendo-disabled-border, inherit) );
 }
 
-.k-bottom-nav-solid.k-bottom-nav-info {
+.k-bottom-nav-solid-info, .k-bottom-nav-solid.k-bottom-nav-info {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-solid-info-text, #ffffff );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-solid-info-bg, var(--kendo-info-100, inherit) );
   --kendo-bottom-nav-border: var( --kendo-bottom-nav-solid-info-border, var(--kendo-info-100, inherit) );
@@ -41756,7 +41756,7 @@ kendo-drawer .k-drawer-wrapper {
   --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-solid-info-disabled-border, var(--kendo-disabled-border, inherit) );
 }
 
-.k-bottom-nav-solid.k-bottom-nav-secondary {
+.k-bottom-nav-solid-secondary, .k-bottom-nav-solid.k-bottom-nav-secondary {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-solid-secondary-text, #ffffff );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-solid-secondary-bg, var(--kendo-neutral-100, inherit) );
   --kendo-bottom-nav-border: var( --kendo-bottom-nav-solid-secondary-border, var(--kendo-neutral-100, inherit) );
@@ -41772,7 +41772,7 @@ kendo-drawer .k-drawer-wrapper {
   --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-solid-secondary-disabled-border, var(--kendo-disabled-border, inherit) );
 }
 
-.k-bottom-nav-solid.k-bottom-nav-tertiary {
+.k-bottom-nav-solid-tertiary, .k-bottom-nav-solid.k-bottom-nav-tertiary {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-solid-tertiary-text, #ffffff );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-solid-tertiary-bg, var(--kendo-tertiary-100, inherit) );
   --kendo-bottom-nav-border: var( --kendo-bottom-nav-solid-tertiary-border, var(--kendo-tertiary-100, inherit) );
@@ -41788,7 +41788,7 @@ kendo-drawer .k-drawer-wrapper {
   --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-solid-tertiary-disabled-border, var(--kendo-disabled-border, inherit) );
 }
 
-.k-bottom-nav-solid.k-bottom-nav-warning {
+.k-bottom-nav-solid-warning, .k-bottom-nav-solid.k-bottom-nav-warning {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-solid-warning-text, var(--kendo-neutral-160, inherit) );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-solid-warning-bg, var(--kendo-warning-100, inherit) );
   --kendo-bottom-nav-border: var( --kendo-bottom-nav-solid-warning-border, var(--kendo-warning-100, inherit) );
@@ -41804,7 +41804,7 @@ kendo-drawer .k-drawer-wrapper {
   --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-solid-warning-disabled-border, var(--kendo-disabled-border, inherit) );
 }
 
-.k-bottom-nav-solid.k-bottom-nav-dark {
+.k-bottom-nav-solid-dark, .k-bottom-nav-solid.k-bottom-nav-dark {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-solid-dark-text, #ffffff );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-solid-dark-bg, var(--kendo-neutral-160, inherit) );
   --kendo-bottom-nav-border: var( --kendo-bottom-nav-solid-dark-border, var(--kendo-neutral-160, inherit) );
@@ -41820,7 +41820,7 @@ kendo-drawer .k-drawer-wrapper {
   --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-solid-dark-disabled-border, var(--kendo-disabled-border, inherit) );
 }
 
-.k-bottom-nav-solid.k-bottom-nav-light {
+.k-bottom-nav-solid-light, .k-bottom-nav-solid.k-bottom-nav-light {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-solid-light-text, var(--kendo-neutral-160, inherit) );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-solid-light-bg, var(--kendo-neutral-50, inherit) );
   --kendo-bottom-nav-border: var( --kendo-bottom-nav-solid-light-border, var(--kendo-neutral-50, inherit) );
@@ -41836,7 +41836,7 @@ kendo-drawer .k-drawer-wrapper {
   --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-solid-light-disabled-border, var(--kendo-disabled-border, inherit) );
 }
 
-.k-bottom-nav-flat.k-bottom-nav-primary {
+.k-bottom-nav-flat-primary, .k-bottom-nav-flat.k-bottom-nav-primary {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-primary-text, var(--kendo-neutral-130, inherit) );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-primary-bg, #ffffff );
   --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-primary-border, var(--kendo-neutral-30, inherit) );
@@ -41852,7 +41852,7 @@ kendo-drawer .k-drawer-wrapper {
   --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-flat-primary-disabled-border, initial );
 }
 
-.k-bottom-nav-flat.k-bottom-nav-error {
+.k-bottom-nav-flat-error, .k-bottom-nav-flat.k-bottom-nav-error {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-error-text, var(--kendo-neutral-130, inherit) );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-error-bg, #ffffff );
   --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-error-border, var(--kendo-neutral-30, inherit) );
@@ -41868,7 +41868,7 @@ kendo-drawer .k-drawer-wrapper {
   --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-flat-error-disabled-border, initial );
 }
 
-.k-bottom-nav-flat.k-bottom-nav-success {
+.k-bottom-nav-flat-success, .k-bottom-nav-flat.k-bottom-nav-success {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-success-text, var(--kendo-neutral-130, inherit) );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-success-bg, #ffffff );
   --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-success-border, var(--kendo-neutral-30, inherit) );
@@ -41884,7 +41884,7 @@ kendo-drawer .k-drawer-wrapper {
   --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-flat-success-disabled-border, initial );
 }
 
-.k-bottom-nav-flat.k-bottom-nav-info {
+.k-bottom-nav-flat-info, .k-bottom-nav-flat.k-bottom-nav-info {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-info-text, var(--kendo-neutral-130, inherit) );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-info-bg, #ffffff );
   --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-info-border, var(--kendo-neutral-30, inherit) );
@@ -41900,7 +41900,7 @@ kendo-drawer .k-drawer-wrapper {
   --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-flat-info-disabled-border, initial );
 }
 
-.k-bottom-nav-flat.k-bottom-nav-secondary {
+.k-bottom-nav-flat-secondary, .k-bottom-nav-flat.k-bottom-nav-secondary {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-secondary-text, var(--kendo-neutral-130, inherit) );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-secondary-bg, #ffffff );
   --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-secondary-border, var(--kendo-neutral-30, inherit) );
@@ -41916,7 +41916,7 @@ kendo-drawer .k-drawer-wrapper {
   --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-flat-secondary-disabled-border, initial );
 }
 
-.k-bottom-nav-flat.k-bottom-nav-tertiary {
+.k-bottom-nav-flat-tertiary, .k-bottom-nav-flat.k-bottom-nav-tertiary {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-tertiary-text, var(--kendo-neutral-130, inherit) );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-tertiary-bg, #ffffff );
   --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-tertiary-border, var(--kendo-neutral-30, inherit) );
@@ -41932,7 +41932,7 @@ kendo-drawer .k-drawer-wrapper {
   --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-flat-tertiary-disabled-border, initial );
 }
 
-.k-bottom-nav-flat.k-bottom-nav-warning {
+.k-bottom-nav-flat-warning, .k-bottom-nav-flat.k-bottom-nav-warning {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-warning-text, var(--kendo-neutral-130, inherit) );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-warning-bg, #ffffff );
   --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-warning-border, var(--kendo-warning-100, inherit) );
@@ -41948,7 +41948,7 @@ kendo-drawer .k-drawer-wrapper {
   --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-flat-warning-disabled-border, initial );
 }
 
-.k-bottom-nav-flat.k-bottom-nav-dark {
+.k-bottom-nav-flat-dark, .k-bottom-nav-flat.k-bottom-nav-dark {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-dark-text, var(--kendo-neutral-130, inherit) );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-dark-bg, #ffffff );
   --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-dark-border, var(--kendo-neutral-140, inherit) );
@@ -41964,7 +41964,7 @@ kendo-drawer .k-drawer-wrapper {
   --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-flat-dark-disabled-border, initial );
 }
 
-.k-bottom-nav-flat.k-bottom-nav-light {
+.k-bottom-nav-flat-light, .k-bottom-nav-flat.k-bottom-nav-light {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-light-text, var(--kendo-neutral-130, inherit) );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-light-bg, #ffffff );
   --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-light-border, transparent );
@@ -42013,10 +42013,6 @@ kendo-drawer .k-drawer-wrapper {
   overflow: hidden;
 }
 
-.k-breadcrumb-container.k-flex-wrap {
-  flex-wrap: wrap;
-}
-
 .k-breadcrumb-root-item-container {
   align-items: flex-start;
   flex-shrink: 0;
@@ -42026,6 +42022,7 @@ kendo-drawer .k-drawer-wrapper {
   vertical-align: middle;
   display: inline-flex;
   flex-direction: row;
+  flex: none;
   align-items: center;
   overflow: hidden;
 }
@@ -43774,6 +43771,9 @@ kendo-card-footer {
 
 .k-expander-indicator {
   margin-inline-start: var(--kendo-expander-indicator-margin-x, 0.625rem);
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .k-expander-content {
@@ -45697,7 +45697,8 @@ div.k-grid-norecords {
   cursor: pointer;
 }
 .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: var(--kendo-grid-column-menu-item-icon-spacing, var(--kendo-icon-spacing, 0.5rem));
 }
 
@@ -46077,9 +46078,9 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 .k-column-menu .k-menu:not(.k-context-menu) .k-item .k-svg-icon {
   color: var(--kendo-grid-column-menu-item-icon-text, var(--kendo-primary-100, inherit));
 }
-.k-column-menu .k-columnmenu-item .k-expander-indicator,
-.k-column-menu .k-column-list-item .k-expander-indicator,
-.k-column-menu .k-menu:not(.k-context-menu) .k-item .k-expander-indicator {
+.k-column-menu .k-columnmenu-item .k-expander-indicator > .k-icon,
+.k-column-menu .k-column-list-item .k-expander-indicator > .k-icon,
+.k-column-menu .k-menu:not(.k-context-menu) .k-item .k-expander-indicator > .k-icon {
   color: var(--kendo-grid-column-menu-item-text, var(--kendo-neutral-160, inherit));
 }
 .k-column-menu .k-columnmenu-item:hover, .k-column-menu .k-columnmenu-item.k-hover,
@@ -46900,8 +46901,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-inline-end: 0.25rem;
 }
 .k-spreadsheet-filter-menu .k-details-content,
@@ -49115,20 +49118,6 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
   flex: 1 1 auto;
   margin-block-end: 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-inline-start: 0.5rem;
-}
-.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;
 }
@@ -50549,18 +50538,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/lib/swatches/all.json

@@ -3,7 +3,7 @@
     "name": "All",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "6.3.1-dev.0",
+    "version": "6.4.0-dev.0",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/lib/swatches/fluent-main.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "6.3.1-dev.0",
+    "version": "6.4.0-dev.0",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-fluent",
   "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
-  "version": "6.3.1-dev.0",
+  "version": "6.4.0-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -50,8 +50,8 @@
   },
   "dependencies": {
     "@progress/kendo-font-icons": "1.4.2",
-    "@progress/kendo-theme-core": "6.3.1-dev.0",
-    "@progress/kendo-theme-utils": "6.3.1-dev.0"
+    "@progress/kendo-theme-core": "6.4.0-dev.0",
+    "@progress/kendo-theme-utils": "6.4.0-dev.0"
   },
-  "gitHead": "f5a3aaf1f33a6c5fbc8347314d44052752d71a43"
+  "gitHead": "862cb1931ece807ea4ae7496ce5033bf3f3eea30"
 }

package/scss/bottom-navigation/_theme.scss

@@ -69,7 +69,7 @@
             $_disabled-bg: map.get( $color-props, disabled-bg );
             $_disabled-border: map.get( $color-props, disabled-border );
 
-            .k-bottom-nav-#{$fill-mode}.k-bottom-nav-#{$theme-color} {
+            .k-bottom-nav-#{$fill-mode}-#{$theme-color} {
                 --kendo-bottom-nav-text: var( --kendo-bottom-nav-#{$fill-mode}-#{$theme-color}-text, #{$_text-color} );
                 --kendo-bottom-nav-bg: var( --kendo-bottom-nav-#{$fill-mode}-#{$theme-color}-bg, #{$_bg} );
                 --kendo-bottom-nav-border: var( --kendo-bottom-nav-#{$fill-mode}-#{$theme-color}-border, #{$_border-color} );
@@ -87,6 +87,10 @@
                 --kendo-bottom-nav-item-disabled-bg: var( --kendo-bottom-nav-#{$fill-mode}-#{$theme-color}-disabled-bg, #{$_disabled-bg} );
                 --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-#{$fill-mode}-#{$theme-color}-disabled-border, #{$_disabled-border} );
             }
+            // TODO: remove when suites update class names
+            .k-bottom-nav-#{$fill-mode}.k-bottom-nav-#{$theme-color} {
+                @extend .k-bottom-nav-#{$fill-mode}-#{$theme-color} !optional;
+            }
         }
     }
 

package/scss/breadcrumb/_layout.scss

@@ -40,12 +40,6 @@
         overflow: hidden;
     }
 
-    .k-breadcrumb-container {
-
-        &.k-flex-wrap {
-            flex-wrap: wrap;
-        }
-    }
     .k-breadcrumb-root-item-container {
         align-items: flex-start;
         flex-shrink: 0;
@@ -57,6 +51,7 @@
         vertical-align: middle;
         display: inline-flex;
         flex-direction: row;
+        flex: none;
         align-items: center;
         overflow: hidden;
     }

package/scss/editor/_layout.scss

@@ -483,24 +483,6 @@
             }
         }
 
-        // Generic widgets
-        .k-numerictextbox {
-            width: 10em;
-
-            & + .k-dropdown-list {
-                width: 5em;
-            }
-
-            & + .k-color-picker,
-            & + .k-dropdown-list {
-                margin-inline-start: 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

@@ -63,6 +63,9 @@
     // Expand / collapse icon
     .k-expander-indicator {
         margin-inline-start: var( --kendo-expander-indicator-margin-x, #{$kendo-expander-indicator-margin-x} );
+        display: flex;
+        justify-content: center;
+        align-items: center;
     }
 
     // Expander content

package/scss/grid/_layout.scss

@@ -1306,7 +1306,8 @@
         cursor: pointer;
 
         > .k-icon,
-        > .k-svg-icon {
+        > .k-svg-icon,
+        > .k-expander-indicator {
             margin-inline-end: var( --kendo-grid-column-menu-item-icon-spacing, #{$kendo-grid-column-menu-item-icon-spacing} );
         }
     }

package/scss/grid/_theme.scss

@@ -473,7 +473,7 @@
                 );
             }
 
-            .k-expander-indicator {
+            .k-expander-indicator > .k-icon {
                 @include fill(
                     var( --kendo-grid-column-menu-item-text, #{$kendo-grid-column-menu-item-text} )
                 );

package/scss/scheduler/_layout.scss

@@ -240,21 +240,9 @@
     // 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;
     }
 
 

package/scss/spreadsheet/_layout.scss

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