@progress/kendo-theme-fluent 7.1.0-dev.8 → 7.1.0

package/dist/all.css

@@ -1,3 +1,34 @@
+:root {
+  --kendo-body-bg: #ffffff;
+  --kendo-body-text: var(--kendo-neutral-160, inherit);
+  --kendo-component-bg: #ffffff;
+  --kendo-component-text: var(--kendo-neutral-160, inherit);
+  --kendo-component-border: var(--kendo-neutral-30, inherit);
+  --kendo-link-text: var(--kendo-primary-100, inherit);
+  --kendo-link-hover-text: var(--kendo-primary-120, inherit);
+  --kendo-disabled-bg: var(--kendo-neutral-20, inherit);
+  --kendo-disabled-text: var(--kendo-neutral-90, inherit);
+  --kendo-disabled-border: transparent;
+  --kendo-hover-bg: var(--kendo-neutral-20, inherit);
+  --kendo-hover-text: var(--kendo-neutral-190, inherit);
+  --kendo-hover-border: var(--kendo-neutral-20, inherit);
+  --kendo-selected-bg: var(--kendo-neutral-30, inherit);
+  --kendo-selected-text: var(--kendo-neutral-160, inherit);
+  --kendo-selected-border: var(--kendo-neutral-130, inherit);
+  --kendo-selected-hover-bg: var(--kendo-neutral-40, inherit);
+  --kendo-selected-hover-text: var(--kendo-neutral-190, inherit);
+  --kendo-selected-hover-border: var(--kendo-neutral-130, inherit);
+  --kendo-focus-outline: var(--kendo-neutral-130, inherit);
+  --kendo-subtle-text: var(--kendo-neutral-130, inherit);
+  --kendo-invalid-bg: initial;
+  --kendo-invalid-text: var(--kendo-error-190, inherit);
+  --kendo-invalid-border: var(--kendo-error-190, inherit);
+  --kendo-invalid-shadow: ;
+  --kendo-border-radius-sm: 0.0625rem;
+  --kendo-border-radius-md: 0.125rem;
+  --kendo-border-radius-lg: 0.25rem;
+}
+
 .k-theme-test-class,
 .k-common-test-class {
   opacity: 0;
@@ -1189,7 +1220,7 @@ kendo-sortable {
   --kendo-primary-190: #162435;
   --kendo-primary-200: #131d29;
   --kendo-primary-210: #0e151e;
-  --kendo-primary-220: #070B10;
+  --kendo-primary-220: #070b10;
   --kendo-neutral-10: #faf9f8;
   --kendo-neutral-20: #f3f2f1;
   --kendo-neutral-30: #edebe9;
@@ -1469,123 +1500,75 @@ kendo-sortable {
   --kendo-error-text: var(--kendo-error-190, inherit);
   --kendo-error-bg: var(--kendo-error-20, inherit);
   --kendo-error-border: var(--kendo-error-20, inherit);
-  --kendo-body-bg: #ffffff;
-  --kendo-body-text: var(--kendo-neutral-160, inherit);
-  --kendo-component-bg: #ffffff;
-  --kendo-component-text: var(--kendo-neutral-160, inherit);
-  --kendo-component-border: var(--kendo-neutral-30, inherit);
-  --kendo-link-text: var(--kendo-primary-100, inherit);
-  --kendo-link-hover-text: var(--kendo-primary-120, inherit);
-  --kendo-disabled-bg: var(--kendo-neutral-20, inherit);
-  --kendo-disabled-text: var(--kendo-neutral-90, inherit);
-  --kendo-disabled-border: transparent;
-  --kendo-hover-bg: var(--kendo-neutral-20, inherit);
-  --kendo-hover-text: var(--kendo-neutral-190, inherit);
-  --kendo-hover-border: var(--kendo-neutral-20, inherit);
-  --kendo-selected-bg: var(--kendo-neutral-30, inherit);
-  --kendo-selected-text: var(--kendo-neutral-160, inherit);
-  --kendo-selected-border: var(--kendo-neutral-130, inherit);
-  --kendo-selected-hover-bg: var(--kendo-neutral-40, inherit);
-  --kendo-selected-hover-text: var(--kendo-neutral-190, inherit);
-  --kendo-selected-hover-border: var(--kendo-neutral-130, inherit);
-  --kendo-focus-outline: var(--kendo-neutral-130, inherit);
-  --kendo-subtle-text: var(--kendo-neutral-130, inherit);
-  --kendo-invalid-bg: initial;
-  --kendo-invalid-text: var(--kendo-error-190, inherit);
-  --kendo-invalid-border: var(--kendo-error-190, inherit);
-  --kendo-invalid-shadow: ;
-  --kendo-border-radius-sm: 0.0625rem;
-  --kendo-border-radius-md: 0.125rem;
-  --kendo-border-radius-lg: 0.25rem;
 }
-
-.k-text-primary,
-.k-color-primary {
+:root .k-text-primary,
+:root .k-color-primary {
   color: var(--kendo-text-primary, var(--kendo-primary-130, inherit));
 }
-
-.\!k-text-primary,
-.\!k-color-primary {
+:root .\!k-text-primary,
+:root .\!k-color-primary {
   color: var(--kendo-text-primary, var(--kendo-primary-130, inherit)) !important;
 }
-
-.k-bg-primary {
+:root .k-bg-primary {
   background-color: var(--kendo-bg-primary, var(--kendo-primary-130, inherit));
 }
-
-.\!k-bg-primary {
+:root .\!k-bg-primary {
   background-color: var(--kendo-bg-primary, var(--kendo-primary-130, inherit)) !important;
 }
-
-.k-text-info,
-.k-color-info {
+:root .k-text-info,
+:root .k-color-info {
   color: var(--kendo-text-info, var(--kendo-info-190, inherit));
 }
-
-.\!k-text-info,
-.\!k-color-info {
+:root .\!k-text-info,
+:root .\!k-color-info {
   color: var(--kendo-text-info, var(--kendo-info-190, inherit)) !important;
 }
-
-.k-bg-info {
+:root .k-bg-info {
   background-color: var(--kendo-bg-info, var(--kendo-info-190, inherit));
 }
-
-.\!k-bg-info {
+:root .\!k-bg-info {
   background-color: var(--kendo-bg-info, var(--kendo-info-190, inherit)) !important;
 }
-
-.k-text-success,
-.k-color-success {
+:root .k-text-success,
+:root .k-color-success {
   color: var(--kendo-text-success, var(--kendo-success-190, inherit));
 }
-
-.\!k-text-success,
-.\!k-color-success {
+:root .\!k-text-success,
+:root .\!k-color-success {
   color: var(--kendo-text-success, var(--kendo-success-190, inherit)) !important;
 }
-
-.k-bg-success {
+:root .k-bg-success {
   background-color: var(--kendo-bg-success, var(--kendo-success-190, inherit));
 }
-
-.\!k-bg-success {
+:root .\!k-bg-success {
   background-color: var(--kendo-bg-success, var(--kendo-success-190, inherit)) !important;
 }
-
-.k-text-warning,
-.k-color-warning {
+:root .k-text-warning,
+:root .k-color-warning {
   color: var(--kendo-text-warning, var(--kendo-neutral-160, inherit));
 }
-
-.\!k-text-warning,
-.\!k-color-warning {
+:root .\!k-text-warning,
+:root .\!k-color-warning {
   color: var(--kendo-text-warning, var(--kendo-neutral-160, inherit)) !important;
 }
-
-.k-bg-warning {
+:root .k-bg-warning {
   background-color: var(--kendo-bg-warning, var(--kendo-neutral-160, inherit));
 }
-
-.\!k-bg-warning {
+:root .\!k-bg-warning {
   background-color: var(--kendo-bg-warning, var(--kendo-neutral-160, inherit)) !important;
 }
-
-.k-text-error,
-.k-color-error {
+:root .k-text-error,
+:root .k-color-error {
   color: var(--kendo-text-error, var(--kendo-error-190, inherit));
 }
-
-.\!k-text-error,
-.\!k-color-error {
+:root .\!k-text-error,
+:root .\!k-color-error {
   color: var(--kendo-text-error, var(--kendo-error-190, inherit)) !important;
 }
-
-.k-bg-error {
+:root .k-bg-error {
   background-color: var(--kendo-bg-error, var(--kendo-error-190, inherit));
 }
-
-.\!k-bg-error {
+:root .\!k-bg-error {
   background-color: var(--kendo-bg-error, var(--kendo-error-190, inherit)) !important;
 }
 
@@ -28882,7 +28865,7 @@ kendo-label > .k-label {
 }
 [dir=rtl] .k-floating-label-container > .k-label, [dir=rtl] .k-floating-label-container:focus-within > .k-label, [dir=rtl] .k-floating-label-container.k-focus > .k-label, .k-rtl .k-floating-label-container > .k-label, .k-rtl .k-floating-label-container:focus-within > .k-label, .k-rtl .k-floating-label-container.k-focus > .k-label, .k-floating-label-container[dir=rtl] > .k-label, .k-floating-label-container[dir=rtl]:focus-within > .k-label, .k-floating-label-container[dir=rtl].k-focus > .k-label {
   left: auto;
-  right: var(--kendo-floating-label-offset-x, calc(0.5rem + 1px));
+  right: var(--kendo-floating-label-focus-offset-x, 0);
 }
 .k-floating-label-container:disabled, .k-floating-label-container[disabled], .k-floating-label-container.k-disabled {
   background: none;
@@ -31111,15 +31094,20 @@ textarea.k-input-inner {
   margin: 0;
   border-style: solid;
   border-color: inherit;
-  height: auto;
-  align-self: stretch;
+  border-width: 0 0 0 1px;
+  height: 1rem;
+  align-self: center;
 }
 .k-input-separator-horizontal {
+  height: auto;
   margin-inline: 0.375rem;
+  align-self: stretch;
   border-width: 1px 0 0;
 }
 .k-input-separator-vertical {
+  height: auto;
   margin-block: 0.375rem;
+  align-self: stretch;
   border-width: 0 0 0 1px;
 }
 
@@ -38627,6 +38615,16 @@ kendo-drawer .k-drawer-wrapper {
   transition-duration: 0.4s;
   transition-timing-function: ease-in-out;
 }
+.k-stepper .k-step-indicator::before {
+  border-radius: var(--kendo-stepper-indicator-border-radius, 50%);
+  content: "";
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+}
 .k-stepper .k-step-indicator::after {
   border-radius: 100%;
   content: "";
@@ -38643,6 +38641,9 @@ kendo-drawer .k-drawer-wrapper {
 .k-stepper .k-step-link:focus .k-step-indicator::after {
   display: block;
 }
+.k-stepper .k-step.k-disabled .k-step-indicator {
+  border: 0;
+}
 .k-stepper .k-step.k-disabled .k-step-indicator::after {
   display: none;
 }
@@ -39654,6 +39655,10 @@ kendo-card-footer {
   gap: var(--kendo-card-actions-gap, 0.5rem);
 }
 
+.k-card-horizontal .k-actions-horizontal {
+  width: auto;
+}
+
 .k-card-list {
   display: flex;
   flex-flow: column nowrap;
@@ -41611,6 +41616,16 @@ div.k-grid-footer {
   z-index: 3;
 }
 
+.k-master-row .k-grid-content-sticky::before {
+  content: "";
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+}
+
 kendo-grid .k-table-row.k-grid-row-sticky {
   border: 0;
   position: static;
@@ -42316,18 +42331,16 @@ col.k-sorted,
 .k-master-row.k-table-alt-row .k-grid-row-sticky {
   background-color: var(--kendo-grid-sticky-alt-bg, var(--kendo-component-bg, initial));
 }
-.k-master-row.k-selected .k-grid-content-sticky, .k-master-row.k-selected .k-grid-row-sticky,
-.k-master-row td.k-grid-content-sticky.k-selected,
-.k-master-row .k-table-td.k-grid-content-sticky.k-selected {
+.k-master-row.k-table-row.k-selected td.k-grid-content-sticky, .k-master-row.k-table-row.k-selected .k-table-td.k-grid-row-sticky, .k-master-row.k-table-row td.k-grid-content-sticky.k-selected, .k-master-row.k-table-row .k-table-td.k-grid-content-sticky.k-selected {
   background-color: var(--kendo-grid-sticky-selected-bg, var(--kendo-primary-20, inherit));
 }
-.k-master-row.k-selected.k-table-alt-row .k-grid-content-sticky, .k-master-row.k-selected.k-table-alt-row .k-grid-row-sticky, .k-master-row.k-table-alt-row td.k-grid-content-sticky.k-selected, .k-master-row.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected {
+.k-master-row.k-selected.k-table-alt-row td.k-grid-content-sticky, .k-master-row.k-selected.k-table-alt-row .k-table-td.k-grid-row-sticky, .k-master-row.k-table-alt-row td.k-grid-content-sticky.k-selected, .k-master-row.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected {
   background-color: var(--kendo-grid-sticky-selected-alt-bg, var(--kendo-primary-20, inherit));
 }
 .k-master-row:hover .k-grid-content-sticky, .k-master-row:hover .k-grid-row-sticky, .k-master-row.k-hover .k-grid-content-sticky, .k-master-row.k-hover .k-grid-row-sticky {
   background-color: var(--kendo-grid-sticky-hover-bg, var(--kendo-hover-bg, inherit));
 }
-.k-master-row.k-selected:hover .k-grid-content-sticky, .k-master-row.k-selected:hover .k-grid-row-sticky, .k-master-row.k-selected.k-hover .k-grid-content-sticky, .k-master-row.k-selected.k-hover .k-grid-row-sticky, .k-master-row:hover td.k-grid-content-sticky.k-selected, .k-master-row.k-hover td.k-grid-content-sticky.k-selected, .k-master-row:hover .k-table-td.k-grid-content-sticky.k-selected, .k-master-row.k-hover .k-table-td.k-grid-content-sticky.k-selected {
+.k-master-row.k-selected:hover td.k-grid-content-sticky, .k-master-row.k-selected:hover .k-table-td.k-grid-row-sticky, .k-master-row.k-selected.k-hover td.k-grid-content-sticky, .k-master-row.k-selected.k-hover .k-table-td.k-grid-row-sticky, .k-master-row:hover td.k-grid-content-sticky.k-selected, .k-master-row.k-hover td.k-grid-content-sticky.k-selected, .k-master-row:hover .k-table-td.k-grid-content-sticky.k-selected, .k-master-row.k-hover .k-table-td.k-grid-content-sticky.k-selected {
   background-color: var(--kendo-grid-sticky-selected-hover-bg, var(--kendo-primary-30, inherit));
 }
 
@@ -42405,7 +42418,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
   background-color: var(--kendo-grid-sticky-header-bg, var(--kendo-component-bg, initial));
 }
 .k-grouping-row:hover .k-grid-content-sticky, .k-grouping-row.k-hover .k-grid-content-sticky {
-  background-color: vr(--kendo-grid-sticky-hover-bg, var(--kendo-hover-bg, inherit));
+  background-color: var(--kendo-grid-sticky-hover-bg, var(--kendo-hover-bg, inherit));
 }
 
 .k-filter-menu.k-popup,
@@ -43617,7 +43630,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 .k-spreadsheet-filter.k-active {
   border-color: var(--kendo-spreadsheet-filter-button-active-border, var(--kendo-neutral-110, inherit));
   color: var(--kendo-spreadsheet-filter-button-active-text, var(--kendo-neutral-190, inherit));
-  background-color: var(--kendo-spreadsheet-filter-button-active-bg, var(--kendo-neutral-30, inherit));
+  background-color: var(--kendo-spreadsheet-filter-button-active-bg, f(false, var(--kendo-color-base-active, #edebe9), var(--kendo-neutral-30, inherit)));
 }
 
 .k-spreadsheet-value-treeview-wrapper {
@@ -44592,6 +44605,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
   border-bottom-width: var(--kendo-file-manager-toolbar-border-width, 1px);
   border-color: inherit;
   flex-shrink: 0;
+  z-index: 1;
 }
 
 .k-filemanager-content-container {
@@ -44604,6 +44618,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
   overflow: hidden;
 }
 
+.k-filemanager-splitter {
+  border-width: 0;
+}
+
 .k-filemanager-navigation {
   padding-inline: var(--kendo-file-manager-navigation-padding-x, 1rem);
   padding-block: var(--kendo-file-manager-navigation-padding-y, 1rem);
@@ -46014,15 +46032,20 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
   overflow: scroll;
 }
 
-.k-gantt-timeline .k-timeline {
+.k-gantt-timeline-pane .k-gantt-timeline {
   height: 100%;
   border-width: 0;
   display: flex;
 }
-.k-gantt-timeline .k-grid-content {
+.k-gantt-timeline-pane .k-gantt-timeline *,
+.k-gantt-timeline-pane .k-gantt-timeline *::before,
+.k-gantt-timeline-pane .k-gantt-timeline *::after, .k-gantt-timeline-pane .k-gantt-timeline::before, .k-gantt-timeline-pane .k-gantt-timeline::after {
+  box-sizing: border-box;
+}
+.k-gantt-timeline-pane .k-grid-content {
   overflow-x: scroll;
 }
-.k-gantt-timeline .k-header {
+.k-gantt-timeline-pane .k-header {
   padding-block: 0.75rem;
   padding-inline: 0.75rem;
   border-block-start-width: 0;
@@ -46475,7 +46498,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
   float: left;
 }
 .k-pdf-export-shadow .k-gantt,
-.k-pdf-export-shadow .k-gantt-timeline,
+.k-pdf-export-shadow .k-gantt-timeline-pane,
 .k-pdf-export-shadow .k-gantt-dependencies {
   width: auto !important;
   height: auto !important;
@@ -46597,7 +46620,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
   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));
+  background-color: var(--kendo-gantt-task-progress-hover-bg, var(--kendo-neutral-160, inherit));
 }
 
 .k-task-delayed .k-task-complete {
@@ -50064,7 +50087,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 }
 
 .k-var--series-29 {
-  background-color: var(--kendo-series-e-60, inherit);
+  background-color: var(--kendo-series-e-160, inherit);
 }
 
 .k-var--series-30 {