@progress/kendo-theme-fluent 5.8.2-dev.4 → 5.8.2-dev.6

package/dist/all.css

@@ -893,7 +893,6 @@
 .k-disabled {
   outline: none;
   cursor: default;
-  background-color: var(--kendo-disabled-bg, inherit);
   color: var(--kendo-disabled-text, inherit);
   border-color: var(--kendo-disabled-border, inherit);
   pointer-events: none;
@@ -19628,6 +19627,15 @@ hr.k-separator {
   background-color: var(--kendo-actions-bg, inherit);
 }
 
+.k-list-container {
+  display: flex;
+  flex-flow: column nowrap;
+}
+.k-list-container > .k-list {
+  flex: 1;
+  height: 100%;
+}
+
 .k-list {
   margin: 0;
   padding: 0;
@@ -21481,6 +21489,7 @@ kendo-badge-container {
 
 .k-color-preview-mask {
   width: 100%;
+  min-width: var(--kendo-icon-size, 1rem);
   height: 100%;
   position: relative;
 }
@@ -21977,7 +21986,7 @@ kendo-badge-container {
 }
 
 .k-skeleton-wave .k-skeleton::after,
-.k-skeleton-wave .k-skeleton::after {
+.k-skeleton-wave.k-skeleton::after {
   background-image: linear-gradient(to right, transparent, var(--kendo-skeleton-wave-bg, var(--kendo-neutral-20, inherit)), transparent);
 }
 
@@ -25517,6 +25526,8 @@ textarea.k-input-inner {
   display: flex;
   overflow: unset;
   flex-shrink: 0;
+  grid-column: 1/-1;
+  grid-row: 2/-1;
 }
 .k-progress-status-wrap.k-progress-start {
   justify-content: flex-start;
@@ -25574,10 +25585,10 @@ textarea.k-input-inner {
 }
 .k-progressbar-vertical .k-progress-status-wrap {
   flex-direction: column;
-  align-items: flex-end;
+  align-items: flex-start;
+  margin-inline-start: var(--kendo-progressbar-vertical-status-offset, calc(var(--kendo-font-size-sm, inherit)*var(--kendo-line-height, inherit)*-1 + -0.5rem));
   grid-row: 1/-1;
-  grid-column: 1/-1;
-  margin-inline-start: var(--kendo-progressbar-offset-y, -0.5rem);
+  grid-column: -1/1;
 }
 .k-progressbar-vertical .k-progress-status {
   -ms-writing-mode: tb-lr;
@@ -26528,13 +26539,13 @@ textarea.k-input-inner {
 .k-slider-thumb:active, .k-draghandle:active, .k-slider-thumb.k-active, .k-active.k-draghandle {
   --INTERNAL--kendo-slider-thumb-bg: var(--kendo-component-bg, transparent);
   --INTERNAL--kendo-slider-thumb-text: inherit;
-  --INTERNAL--kendo-slider-thumb-border: var(--kendo-primary-120, inherit);
+  --INTERNAL--kendo-slider-thumb-border: var(--kendo-primary-130, inherit);
   --INTERNAL--kendo-slider-thumb-gradient: transparent;
 }
 .k-slider-thumb:focus, .k-draghandle:focus, .k-slider-thumb.k-focus, .k-focus.k-draghandle {
   --INTERNAL--kendo-slider-thumb-bg: var(--kendo-component-bg, transparent);
   --INTERNAL--kendo-slider-thumb-text: inherit;
-  --INTERNAL--kendo-slider-thumb-border: var(--kendo-primary-120, inherit);
+  --INTERNAL--kendo-slider-thumb-border: var(--kendo-primary-130, inherit);
   --INTERNAL--kendo-slider-thumb-gradient: transparent;
 }
 
@@ -26770,7 +26781,7 @@ textarea.k-input-inner {
   padding-inline-end: 100px;
   padding-inline-start: 100px;
   margin-inline-start: -100px;
-  margin-inline-end: -117px;
+  margin-inline-end: calc(-100px - var(--kendo-scrollbar-width, 17px));
 }
 
 .k-calendar .k-scrollable-placeholder {
@@ -26889,7 +26900,6 @@ textarea.k-input-inner {
 .k-calendar-range .k-range-mid::before {
   content: "";
   position: absolute;
-  z-index: 1;
   inset: 0px;
   border-style: solid;
   border-width: var(--INTERNAL--kendo-calendar-range-border-width, 0);
@@ -26950,6 +26960,14 @@ textarea.k-input-inner {
 .k-calendar .k-calendar-nav-today.k-focus {
   color: var(--kendo-calendar-today-nav-hover-text, var(--kendo-link-hover-text, initial));
 }
+.k-calendar .k-nav-today.k-disabled,
+.k-calendar .k-calendar-nav-today.k-disabled {
+  outline: none;
+  cursor: default;
+  color: var(--kendo-disabled-text, inherit);
+  pointer-events: none;
+  box-shadow: none;
+}
 .k-calendar .k-calendar-th {
   color: var(--kendo-calendar-header-cell-text, inherit);
 }
@@ -27043,6 +27061,7 @@ textarea.k-input-inner {
   --kendo-calendar-cell-bg: var( --kendo-calendar-range-bg, var(--kendo-neutral-30, inherit) );
   --kendo-calendar-cell-text: var( --kendo-calendar-range-text, inherit );
   --kendo-calendar-cell-link-bg: transparent;
+  --kendo-calendar-cell-selected-bg: transparent;
   --kendo-calendar-cell-selected-shadow: none;
 }
 .k-calendar .k-calendar-td.k-range-start::before, .k-calendar .k-calendar-td.k-range-end::before, .k-calendar .k-calendar-td.k-range-mid::before {
@@ -27106,6 +27125,7 @@ textarea.k-input-inner {
   display: flex;
   position: relative;
   flex: 1 1 auto;
+  overflow: hidden;
 }
 
 .k-time-highlight,
@@ -27116,7 +27136,7 @@ textarea.k-input-inner {
   border-style: solid;
   box-sizing: border-box;
   position: absolute;
-  top: calc(50% + var(--kendo-time-list-title-height, calc( var(--kendo-font-size-xs, inherit) * var(--kendo-line-height-lg, inherit) )) / 2);
+  top: calc(50% + var(--kendo-time-list-title-height, calc( 0.75rem + var(--kendo-font-size-xs, inherit) * var(--kendo-line-height-lg, inherit) )) / 2);
   left: 0;
   right: 0;
   transform: translateY(-50%);
@@ -27157,7 +27177,7 @@ textarea.k-input-inner {
   border-style: solid;
 }
 .k-time-list-wrapper.k-focus::before {
-  top: calc(var(--kendo-time-list-title-spacing, 0.75rem) + var(--kendo-time-list-title-height, calc( var(--kendo-font-size-xs, inherit) * var(--kendo-line-height-lg, inherit) )));
+  top: calc(var(--kendo-time-list-title-height, calc( 0.75rem + var(--kendo-font-size-xs, inherit) * var(--kendo-line-height-lg, inherit) )));
 }
 .k-time-list-wrapper.k-focus::after {
   bottom: 0;
@@ -27200,7 +27220,7 @@ textarea.k-input-inner {
   padding-inline-end: 100px;
   padding-inline-start: 100px;
   margin-inline-start: -100px;
-  margin-inline-end: -117px;
+  margin-inline-end: calc(-100px - var(--kendo-scrollbar-width, 17px));
 }
 .k-time-container > ul,
 .k-time-list-content > ul {
@@ -27225,12 +27245,12 @@ textarea.k-input-inner {
   width: 0;
   height: var(--kendo-time-list-highlight-height, calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal) + 0.5rem));
   align-self: center;
-  display: inline-flex;
+  display: var(--kendo-time-list-separator-display, none);
   justify-content: center;
   align-items: center;
   position: relative;
   z-index: 11;
-  top: calc(var(--kendo-time-list-title-height, calc( var(--kendo-font-size-xs, inherit) * var(--kendo-line-height-lg, inherit) )) / 2);
+  top: calc(var(--kendo-time-list-title-height, calc( 0.75rem + var(--kendo-font-size-xs, inherit) * var(--kendo-line-height-lg, inherit) )) / 2);
 }
 
 .k-timeselector-sm {
@@ -29703,6 +29723,11 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
   align-self: center;
   align-items: center;
 }
+.k-toolbar .k-toolbar-item:focus,
+.k-toolbar .k-toolbar-item.k-focus {
+  outline-width: var(--kendo-toolbar-item-focus-outline-width, 1px);
+  outline-style: var(--kendo-toolbar-item-focus-outline-style, solid);
+}
 
 .k-toolbar-group {
   display: flex;
@@ -29802,6 +29827,10 @@ kendo-toolbar-renderer {
 .k-toolbar .k-separator {
   border-color: var(--kendo-toolbar-separator-border, var(--kendo-neutral-60, inherit));
 }
+.k-toolbar .k-toolbar-item:focus,
+.k-toolbar .k-toolbar-item.k-focus {
+  outline-color: var(--kendo-toolbar-item-focus-outline-color, var(--kendo-neutral-130, inherit));
+}
 
 .k-overflow-container .k-button:hover, .k-overflow-container .k-button.k-hover {
   color: var(--kendo-menu-popup-item-hover-text, initial);
@@ -30002,13 +30031,42 @@ kendo-toolbar-renderer {
 }
 
 .k-actionsheet-container {
-  width: 100vw;
-  height: 100vh;
+  width: 100%;
+  height: 100%;
+  max-width: max(100%, 100vw);
+  max-height: max(100%, 100vh);
   position: fixed;
   top: 0;
   left: 0;
   z-index: 9999;
   overflow: hidden;
+  transform: translateZ(0);
+}
+
+.k-actionsheet-container > .k-overlay {
+  position: absolute;
+  z-index: 1;
+}
+.k-actionsheet-container > .k-animation-container {
+  width: 100%;
+  height: 100%;
+  border-radius: 0;
+  overflow: hidden;
+  position: absolute;
+  z-index: 2;
+  top: 0;
+  left: 0;
+  pointer-events: none;
+}
+.k-actionsheet-container > .k-animation-container > .k-child-animation-container {
+  position: absolute;
+}
+.k-actionsheet-container > .k-actionsheet {
+  position: absolute;
+  z-index: 2;
+}
+.k-actionsheet-container .k-actionsheet {
+  pointer-events: all;
 }
 
 .k-actionsheet {
@@ -30016,7 +30074,8 @@ kendo-toolbar-renderer {
   padding-block: var(--kendo-actionsheet-padding-y, 0px);
   width: var(--kendo-actionsheet-width, 360px);
   max-width: var(--kendo-actionsheet-max-width, 100%);
-  max-height: var(--kendo-actionsheet-max-height, 50vh);
+  height: var(--kendo-actionsheet-height, 60vh);
+  max-height: var(--kendo-actionsheet-max-height, 60vh);
   border-width: 0;
   border-style: solid;
   border-color: transparent;
@@ -30024,10 +30083,8 @@ kendo-toolbar-renderer {
   font-size: var(--kendo-actionsheet-font-size, var(--kendo-font-size, inherit));
   font-family: var(--kendo-actionsheet-font-family, var(--kendo-font-family, inherit));
   line-height: var(--kendo-actionsheet-line-height, var(--kendo-line-height, inherit));
-  overflow-x: hidden;
-  overflow-y: auto;
-  position: fixed;
-  z-index: 10002;
+  overflow: hidden;
+  position: relative;
 }
 .k-actionsheet *,
 .k-actionsheet *::before,
@@ -30036,11 +30093,13 @@ kendo-toolbar-renderer {
 }
 
 .k-actionsheet-fullscreen {
+  width: 100%;
+  max-width: 100%;
   max-height: 100%;
   height: 100%;
 }
 
-.k-actionsheet-header, .k-actionsheet-titlebar {
+.k-actionsheet-header, .k-actionsheet-titlebar, .k-actionsheet-jq .k-actionsheet-header, .k-actionsheet-jq .k-actionsheet-titlebar {
   padding-inline: var(--kendo-actionsheet-header-padding-x, 1rem);
   padding-block: var(--kendo-actionsheet-header-padding-y, 0.5rem);
   border-width: 0;
@@ -30052,18 +30111,31 @@ kendo-toolbar-renderer {
   font-family: var(--kendo-actionsheet-header-font-family, inherit);
   line-height: var(--kendo-actionsheet-header-line-height, inherit);
   flex: none;
+  gap: var(--kendo-actionsheet-header-gap, 1rem);
+}
+
+.k-actionsheet-titlebar, .k-actionsheet-jq .k-actionsheet-header, .k-actionsheet-jq .k-actionsheet-titlebar {
+  display: flex;
+  flex-flow: column nowrap;
+  align-items: center;
 }
 
-.k-actionsheet-titlebar {
+.k-actionsheet-titlebar-group {
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
+  width: 100%;
 }
 
 .k-actionsheet-title {
   flex: 1;
 }
 
+.k-actionsheet-subtitle {
+  font-size: var(--kendo-actionsheet-subtitle-font-size, var(--kendo-font-size-sm, inherit));
+  line-height: var(--kendo-actionsheet-subtitle-line-height, var(--kendo-line-height-sm, inherit));
+}
+
 .k-actionsheet-actions {
   flex: none;
 }
@@ -30071,6 +30143,7 @@ kendo-toolbar-renderer {
 .k-actionsheet-content {
   flex: 1;
   overflow: auto;
+  position: relative;
 }
 
 .k-actionsheet-footer {
@@ -30081,12 +30154,18 @@ kendo-toolbar-renderer {
   margin: 0;
   padding: 0;
   list-style: none;
+  flex: none;
 }
 
 .k-actionsheet-item {
   padding: 0;
   box-sizing: border-box;
 }
+.k-actionsheet-item:focus, .k-actionsheet-item.k-focus {
+  outline-width: var(--kendo-actionsheet-item-focus-outline-width, 1px);
+  outline-style: solid;
+  outline-offset: calc(var(--kendo-actionsheet-item-focus-outline-width, 1px)*-1);
+}
 
 .k-actionsheet-action {
   margin: 0;
@@ -30099,14 +30178,9 @@ kendo-toolbar-renderer {
   outline: 0;
   display: flex;
   flex-flow: row nowrap;
-  align-items: center;
+  align-items: flex-start;
   gap: var(--kendo-actionsheet-item-spacing, 0.5rem);
 }
-.k-actionsheet-action:focus, .k-actionsheet-action.k-focus {
-  outline-width: var(--kendo-actionsheet-item-focus-outline-width, 1px);
-  outline-style: solid;
-  outline-offset: calc(var(--kendo-actionsheet-item-focus-outline-width, 1px)*-1);
-}
 
 .k-actionsheet-item-icon {
   font-size: var(--kendo-actionsheet-item-icon-size, var(--kendo-icon-size, 1rem));
@@ -30129,6 +30203,7 @@ kendo-toolbar-renderer {
 .k-actionsheet > .k-hr {
   margin: 0;
   border-color: inherit;
+  flex: none;
 }
 
 .k-actionsheet-top {
@@ -30185,6 +30260,27 @@ kendo-toolbar-renderer {
   display: flex;
   flex-flow: column nowrap;
 }
+.k-adaptive-actionsheet .k-actionsheet-titlebar, .k-adaptive-actionsheet .k-actionsheet-jq .k-actionsheet-header, .k-actionsheet-jq .k-adaptive-actionsheet .k-actionsheet-header {
+  padding-inline: var(--kendo-adaptive-actionsheet-header-padding-x, 1rem);
+  padding-block: var(--kendo-adaptive-actionsheet-header-padding-y, 1rem);
+  border-bottom-width: var(--kendo-adaptive-actionsheet-header-border-width, 1px);
+}
+.k-adaptive-actionsheet .k-actionsheet-content {
+  padding-inline: var(--kendo-adaptive-actionsheet-content-padding-x, 1rem);
+  padding-block: var(--kendo-adaptive-actionsheet-content-padding-y, 0.5rem);
+}
+.k-adaptive-actionsheet .k-actionsheet-footer {
+  padding-inline: var(--kendo-adaptive-actionsheet-footer-padding-x, 1rem);
+  padding-block: var(--kendo-adaptive-actionsheet-footer-padding-y, 0.5rem);
+}
+.k-adaptive-actionsheet .k-list-container,
+.k-adaptive-actionsheet .k-treeview {
+  height: 100%;
+}
+.k-adaptive-actionsheet .k-list-filter {
+  width: 100%;
+  padding-inline: 0;
+}
 .k-adaptive-actionsheet .k-calendar {
   margin-inline: auto;
   border-width: 0;
@@ -30201,6 +30297,46 @@ kendo-toolbar-renderer {
 .k-adaptive-actionsheet .k-timeselector .k-time-list-wrapper {
   height: 100%;
 }
+.k-adaptive-actionsheet .k-datetime-wrap {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-flow: column nowrap;
+}
+.k-adaptive-actionsheet .k-datetime-selector {
+  flex: 1 1 auto;
+}
+.k-adaptive-actionsheet .k-datetime-calendar-wrap {
+  width: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  flex: 0 0 100%;
+}
+.k-adaptive-actionsheet .k-datetime-time-wrap {
+  width: 100%;
+  position: absolute;
+  top: 0;
+  left: 100%;
+  bottom: 0;
+  flex: 0 0 100%;
+}
+.k-adaptive-actionsheet .k-scrollable-wrap {
+  height: 100%;
+  overflow-y: auto;
+}
+
+.k-actionsheet-jq.k-actionsheet {
+  height: auto;
+  position: relative;
+}
+.k-actionsheet-jq .k-actionsheet-header, .k-actionsheet-jq .k-actionsheet-titlebar {
+  align-items: flex-start;
+}
+.k-actionsheet-jq .k-actionsheet-action {
+  align-items: center;
+}
 
 .k-actionsheet {
   color: var(--kendo-actionsheet-text, var(--kendo-component-text, initial));
@@ -30209,13 +30345,17 @@ kendo-toolbar-renderer {
   box-shadow: var(--kendo-actionsheet-shadow, var(--kendo-box-shadow-depth-4, none));
 }
 
-.k-actionsheet-header, .k-actionsheet-titlebar {
+.k-actionsheet-header, .k-actionsheet-titlebar, .k-actionsheet-jq .k-actionsheet-header, .k-actionsheet-jq .k-actionsheet-titlebar {
   color: var(--kendo-actionsheet-header-text, inherit);
   background-color: var(--kendo-actionsheet-header-bg, inherit);
   border-color: var(--kendo-actionsheet-header-border, inherit);
   box-shadow: var(--kendo-actionsheet-header-shadow, none);
 }
 
+.k-actionsheet-subtitle-text {
+  color: var(--kendo-actionsheet-subtitle-text, var(--kendo-subtle-text, inherit));
+}
+
 .k-actionsheet-item-icon {
   color: var(--kendo-actionsheet-item-icon-color, var(--kendo-primary-110, inherit));
 }
@@ -30224,39 +30364,43 @@ kendo-toolbar-renderer {
   color: var(--kendo-actionsheet-item-description-text, var(--kendo-subtle-text, inherit));
 }
 
-.k-actionsheet-action {
+.k-actionsheet-item {
   color: var(--INTERNAL--kendo-actionsheet-item-text, inherit);
   background-color: var(--INTERNAL--kendo-actionsheet-item-bg, inherit);
   border-color: var(--INTERNAL--kendo-actionsheet-item-border, inherit);
   outline-color: var(--INTERNAL--kendo-actionsheet-item-outline, inherit);
 }
-.k-actionsheet-action:hover, .k-actionsheet-action.k-hover {
+.k-actionsheet-item:hover, .k-actionsheet-item.k-hover {
   --INTERNAL--kendo-actionsheet-item-text: var( --kendo-actionsheet-item-hover-text, var(--kendo-hover-text, inherit) );
   --INTERNAL--kendo-actionsheet-item-bg: var( --kendo-actionsheet-item-hover-bg, var(--kendo-hover-bg, inherit) );
   --INTERNAL--kendo-actionsheet-item-border: var( --kendo-actionsheet-item-hover-border, inherit );
 }
-.k-actionsheet-action:focus, .k-actionsheet-action.k-focus {
+.k-actionsheet-item:focus, .k-actionsheet-item.k-focus {
   --INTERNAL--kendo-actionsheet-item-text: var( --kendo-actionsheet-item-focus-text, inherit );
   --INTERNAL--kendo-actionsheet-item-bg: var( --kendo-actionsheet-item-focus-bg, inherit );
   --INTERNAL--kendo-actionsheet-item-border: var( --kendo-actionsheet-item-focus-border, inherit );
   --INTERNAL--kendo-actionsheet-item-outline: var( --kendo-actionsheet-item-focus-outline, var(--kendo-outline-color, inherit) );
 }
-.k-actionsheet-action:focus:hover, .k-actionsheet-action:focus.k-hover, .k-actionsheet-action.k-focus:hover, .k-actionsheet-action.k-focus.k-hover {
+.k-actionsheet-item:focus:hover, .k-actionsheet-item:focus.k-hover, .k-actionsheet-item.k-focus:hover, .k-actionsheet-item.k-focus.k-hover {
   --INTERNAL--kendo-actionsheet-item-text: var( --kendo-actionsheet-item-focus-hover-text, var(--kendo-hover-text, inherit) );
   --INTERNAL--kendo-actionsheet-item-bg: var( --kendo-actionsheet-item-focus-hover-bg, var(--kendo-hover-bg, inherit) );
   --INTERNAL--kendo-actionsheet-item-border: var( --kendo-actionsheet-item-focus-hover-border, inherit );
 }
-.k-actionsheet-action:disabled, .k-actionsheet-action.k-disabled {
+.k-actionsheet-item:disabled, .k-actionsheet-item.k-disabled {
   --INTERNAL--kendo-actionsheet-item-text: var( --kendo-actionsheet-item-disabled-text, var(--kendo-disabled-text, inherit) );
   --INTERNAL--kendo-actionsheet-item-bg: var( --kendo-actionsheet-item-disabled-bg, var(--kendo-component-bg, initial) );
   --INTERNAL--kendo-actionsheet-item-border: var( --kendo-actionsheet-item-disabled-border, var(--kendo-disabled-border, inherit) );
 }
-.k-actionsheet-action:disabled .k-actionsheet-item-description,
-.k-actionsheet-action:disabled .k-actionsheet-item-icon, .k-actionsheet-action.k-disabled .k-actionsheet-item-description,
-.k-actionsheet-action.k-disabled .k-actionsheet-item-icon {
+.k-actionsheet-item:disabled .k-actionsheet-item-description,
+.k-actionsheet-item:disabled .k-actionsheet-item-icon, .k-actionsheet-item.k-disabled .k-actionsheet-item-description,
+.k-actionsheet-item.k-disabled .k-actionsheet-item-icon {
   color: inherit;
 }
 
+.k-adaptive-actionsheet .k-actionsheet-titlebar, .k-adaptive-actionsheet .k-actionsheet-jq .k-actionsheet-header, .k-actionsheet-jq .k-adaptive-actionsheet .k-actionsheet-header {
+  border-color: var(--kendo-adaptive-actionsheet-header-border, var(--kendo-component-border, initial));
+}
+
 .k-dialog-wrapper {
   display: flex;
   align-items: center;
@@ -34258,26 +34402,26 @@ kendo-card-footer {
   margin-inline-start: calc(var(--kendo-grid-group-indicator-gap, 0.75rem)/2);
 }
 
-.k-grouping-dropclue {
+.k-grouping-dropclue, .k-reorder-cue {
   width: calc(var(--kendo-grid-group-dropclue-size, 6px)*2);
   height: var(--kendo-grid-group-dropclue-height, calc(var(--kendo-line-height, normal)*1em + 0.875rem + 6px));
   position: absolute;
   top: var(--kendo-grid-group-dropclue-top, 2px);
   box-sizing: content-box;
 }
-.k-grouping-dropclue::before, .k-grouping-dropclue::after {
+.k-grouping-dropclue::before, .k-reorder-cue::before, .k-grouping-dropclue::after, .k-reorder-cue::after {
   display: inline-block;
   content: "";
   position: absolute;
 }
-.k-grouping-dropclue::before {
+.k-grouping-dropclue::before, .k-reorder-cue::before {
   width: var(--kendo-grid-group-dropclue-dot-size, 6px);
   height: var(--kendo-grid-group-dropclue-dot-size, 6px);
   border-radius: 50%;
   top: 0;
   left: calc(var(--kendo-grid-group-dropclue-dot-size, 6px)/2);
 }
-.k-grouping-dropclue::after {
+.k-grouping-dropclue::after, .k-reorder-cue::after {
   width: var(--kendo-grid-group-dropclue-line-size, 1px);
   height: calc(100% - var(--kendo-grid-group-dropclue-size, 6px));
   top: var(--kendo-grid-group-dropclue-size, 6px);
@@ -34433,7 +34577,7 @@ div.k-grid-footer {
 }
 
 .k-grid-filter-popup {
-  min-width: 200px;
+  min-width: 230px;
 }
 
 .k-grid-column-menu-standalone a.k-grid-filter {
@@ -34963,7 +35107,7 @@ div.k-grid-norecords {
 .k-filter-menu-container .k-action-buttons,
 .k-filter-menu-container .k-columnmenu-actions, .k-filter-menu-container .k-form-buttons {
   margin: 0;
-  padding-block-start: var(--kendo-filter-menu-container-padding-y, 0.75rem);
+  padding-block-start: calc(var(--kendo-filter-menu-container-padding-y, 0.75rem) - var(--kendo-grid-column-menu-spacing, 0.5rem));
   padding-block-end: 0;
   padding-inline: 0;
 }
@@ -35176,7 +35320,7 @@ tbody .k-group-cell {
   background-color: var(--kendo-grid-grouping-row-bg, var(--kendo-component-bg, initial));
 }
 
-.k-grouping-dropclue::before, .k-grouping-dropclue::after {
+.k-grouping-dropclue::before, .k-reorder-cue::before, .k-grouping-dropclue::after, .k-reorder-cue::after {
   background-color: var(--kendo-grid-group-dropclue-bg, var(--kendo-primary-100, inherit));
 }
 
@@ -35478,6 +35622,13 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
 .k-column-menu .k-check-all-wrap {
   border-color: var(--kendo-component-border, initial);
 }
+.k-column-menu .k-listgroup-item.k-disabled {
+  outline: none;
+  cursor: default;
+  background-color: var(--kendo-disabled-bg, inherit);
+  pointer-events: none;
+  box-shadow: none;
+}
 
 .k-grid-norecords-template {
   background-color: var(--kendo-component-bg, initial);
@@ -37521,6 +37672,10 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
 .k-filter .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after {
   background-color: var(--kendo-filter-line-bg, var(--kendo-component-border, initial));
 }
+.k-filter .k-toolbar:focus,
+.k-filter .k-toolbar.k-focus {
+  border-color: var(--kendo-filter-toolbar-focus-border, var(--kendo-neutral-130, inherit));
+}
 
 .k-filemanager {
   border-width: var(--kendo-filemanager-border-width, 1px);
@@ -38640,6 +38795,14 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
   color: var(---kendo-editor-ct-popup-text, var(--kendo-selected-text, initial));
   background-color: var(--kendo-editor-ct-popup-bg, var(--kendo-selected-bg, initial));
 }
+.k-ct-popup .k-disabled:not(.k-selected) {
+  outline: none;
+  cursor: default;
+  background-color: var(--kendo-disabled-bg, inherit);
+  border-color: var(--kendo-disabled-border, inherit);
+  pointer-events: none;
+  box-shadow: none;
+}
 
 .k-editor-content .k-text-selected, .k-editor-content::selection {
   color: var(--kendo-editor-selected-text, #ffffff);
@@ -39604,14 +39767,23 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
 .k-task-single .k-task-complete {
   background-color: var(--kendo-gantt-task-progress-bg, var(--kendo-neutral-160, inherit));
 }
+.k-task-single:hover .k-task-complete {
+  background-color: var(--kendo-gantt-task-progress-hover-bg, var(--kendo-neutral-190, inherit));
+}
 
 .k-task-delayed .k-task-complete {
   background-color: var(--kendo-gantt-delayed-bg, var(--kendo-error-160, inherit));
 }
+.k-task-delayed:hover .k-task-complete {
+  background-color: var(--kendo-gantt-delayed-hover-bg, var(--kendo-error-190, inherit));
+}
 
 .k-task-advanced .k-task-complete {
   background-color: var(--kendo-gantt-advanced-bg, var(--kendo-success-160, inherit));
 }
+.k-task-advanced:hover .k-task-complete {
+  background-color: var(--kendo-gantt-advanced-hover-bg, var(--kendo-success-190, inherit));
+}
 
 .k-task-single.k-selected {
   border-color: var(--kendo-gantt-task-selected-border, transparent);
@@ -41646,7 +41818,7 @@ kendo-scheduler .k-recurrence-editor {
   box-sizing: border-box;
 }
 .k-timeline ul {
-  margin: 0;
+  margin: 0 0 1px 0;
   padding: 0;
 }
 .k-timeline ul li {

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": "5.8.2-dev.4",
+  "version": "5.8.2-dev.6",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -45,10 +45,10 @@
   },
   "dependencies": {
     "@progress/kendo-font-icons": "^0.4.0",
-    "@progress/kendo-theme-utils": "^5.8.2-dev.4"
+    "@progress/kendo-theme-utils": "^5.8.2-dev.6"
   },
   "devDependencies": {
     "sass-build": "^1.0.0"
   },
-  "gitHead": "03c192e0d4c7227c7d8f41b7fefee897888e6218"
+  "gitHead": "b1b2e33a3ce1b92bcefae87e8c46cbd797d814d1"
 }