@progress/kendo-theme-fluent 6.7.1-dev.0 → 6.8.0-dev.0

package/dist/all.css

@@ -35676,7 +35676,7 @@ textarea.k-input-inner {
 
 .k-picker-flat {
   --kendo-picker-text: var( --kendo-picker-flat-text, var(--kendo-neutral-160, inherit) );
-  --kendo-picker-bg: var( --kendo-picker-flat-bg, #ffffff );
+  --kendo-picker-bg: var( --kendo-picker-flat-bg, none );
   --kendo-picker-border: var( --kendo-picker-flat-border, var(--kendo-neutral-130, inherit) );
   --kendo-picker-hover-text: var( --kendo-picker-flat-hover-text, var(--kendo-neutral-190, inherit) );
   --kendo-picker-hover-bg: var( --kendo-picker-flat-hover-bg, var(--kendo-neutral-20, inherit) );
@@ -40412,6 +40412,15 @@ textarea.k-input-inner {
   display: none;
 }
 
+.k-toolbar.k-toolbar-flat {
+  border-width: 1px 0;
+  border-top-color: transparent !important;
+  border-bottom-color: inherit;
+  color: inherit;
+  background: none !important;
+  box-shadow: none;
+}
+
 .k-toolbar {
   color: var(--kendo-toolbar-text, var(--kendo-component-text, inherit));
   background-color: var(--kendo-toolbar-bg, var(--kendo-neutral-10, inherit));
@@ -46550,13 +46559,6 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
   transform: translateY(-100%);
 }
 
-.k-spreadsheet .k-tabstrip-wrapper {
-  border-width: 0 0 1px;
-  border-style: solid;
-  border-color: inherit;
-  position: relative;
-}
-
 .k-spreadsheet-quick-access-toolbar {
   padding: var(--kendo-toolbar-md-padding-y, 0.5rem);
   display: inline-flex;
@@ -46567,52 +46569,22 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
   inset-inline-start: 0;
 }
 
-.k-spreadsheet-tabstrip {
-  position: relative;
-  z-index: 1;
-}
-
-.k-spreadsheet-tabstrip .k-tabstrip-items-wrapper {
-  margin: 0;
-}
-
-.k-spreadsheet-tabstrip .k-loading {
-  display: none;
-}
-
-.k-spreadsheet-tabstrip .k-content,
-.k-spreadsheet-tabstrip .k-tabstrip-content {
-  border-radius: 0;
-  padding: 0;
-  border-width: 0;
-  overflow: hidden;
-}
-
 .k-spreadsheet-toolbar {
   border-width: 0;
 }
-.k-spreadsheet-toolbar [data-tool=backgroundColor],
-.k-spreadsheet-toolbar [data-tool=textColor],
-.k-spreadsheet-toolbar [data-tool=borders],
-.k-spreadsheet-toolbar [data-tool=alignment],
-.k-spreadsheet-toolbar [data-tool=merge],
-.k-spreadsheet-toolbar [data-tool=freeze] {
-  width: auto;
-  min-width: var(--kendo-form-line-height-em, 1.4285714286em);
-}
-.k-spreadsheet-toolbar .k-color-picker, .k-spreadsheet-toolbar .k-colorpicker {
-  width: min-content;
-}
 
 .k-spreadsheet-action-bar {
-  border-width: 0 0 1px;
+  border-width: 0 0 var(--kendo-spreadsheet-action-bar-border-width, 1px);
   border-style: solid;
   border-color: inherit;
-  font-size: 12px;
-  font-family: Arial, Verdana, sans-serif;
+  padding-block: var(--kendo-spreadsheet-action-bar-padding-y, 0.25rem);
+  padding-inline: var(--kendo-spreadsheet-action-bar-padding-x, 0.5rem);
+  font-size: var(--kendo-spreadsheet-action-bar-font-size, var(--kendo-font-size, initial));
+  font-family: var(--kendo-spreadsheet-action-bar-font-family, Arial, Verdana, sans-serif);
   position: relative;
   display: flex;
   flex-direction: row;
+  gap: var(--kendo-spreadsheet-action-bar-spacing, 0.5rem);
 }
 
 .k-spreadsheet-name-editor {
@@ -46620,12 +46592,13 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-spreadsheet-formula-bar {
+  min-width: 0px;
   border-color: inherit;
   display: flex;
   flex-direction: row;
   align-items: center;
   flex: 1;
-  gap: var(--kendo-padding-y, 0.25rem);
+  gap: var(--kendo-spreadsheet-formula-bar-gap, 0.5rem);
 }
 .k-spreadsheet-formula-bar > .k-icon,
 .k-spreadsheet-formula-bar > .k-svg-icon {
@@ -46643,9 +46616,13 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
   display: none;
 }
 .k-spreadsheet-formula-bar .k-spreadsheet-formula-input {
-  padding-inline: var(--kendo-input-md-padding-x, 0.5rem);
-  padding-block: var(--kendo-input-md-padding-y, 0.375rem);
-  line-height: var(--kendo-input-md-line-height, var(--kendo-line-height, normal));
+  padding-inline: var(--kendo-spreadsheet-formula-input-padding-x, var(--kendo-input-md-padding-x, 0.5rem));
+  padding-block: var(--kendo-spreadsheet-formula-input-padding-y, var(--kendo-input-md-padding-y, 0.375rem));
+  line-height: var(--kendo-spreadsheet-formula-input-line-height, var(--kendo-input-md-line-height, var(--kendo-line-height, normal)));
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .k-spreadsheet-formula-bar .k-spreadsheet-formula-input.k-spreadsheet-array-formula::before {
   content: "{";
@@ -46690,27 +46667,35 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-spreadsheet-cell-editor {
-  padding-block: 0;
-  padding-inline: 3px;
-  line-height: var(--kendo-spreadsheet-line-height, var(--kendo-line-height, initial));
+  padding-block: var(--kendo-spreadsheet-cell-editor-padding-y, 0px);
+  padding-inline: var(--kendo-spreadsheet-cell-editor-padding-x, 0.25rem);
+  line-height: var(--kendo-spreadsheet-cell-editor-line-height, var(--kendo-spreadsheet-line-height, var(--kendo-line-height, initial)));
   display: none;
   overflow: hidden;
   position: absolute;
-  z-index: 2000;
+  z-index: 100;
 }
 
 .k-spreadsheet-sheets-bar {
-  padding-inline: var(--kendo-spreadsheet-sheets-bar-padding-x, 0.25rem) 0;
-  padding-block: 0 var(--kendo-spreadsheet-sheets-bar-padding-y, 0);
+  padding-block-end: var(--kendo-spreadsheet-sheets-bar-padding-y, 0.5rem);
+  padding-inline: var(--kendo-spreadsheet-sheets-bar-padding-x, 0.5rem);
   border-width: var(--kendo-spreadsheet-border-width, 1px) 0 0;
   border-style: solid;
   border-color: inherit;
   display: flex;
   flex-direction: row;
-  align-items: flex-start;
+  align-items: center;
   position: relative;
 }
 
+.k-spreadsheet-sheets {
+  flex: 1 1 auto;
+}
+
+.k-spreadsheet-sheets .k-tabstrip-items-wrapper {
+  border-width: 0;
+}
+
 .k-spreadsheet-sheets-bar-add {
   align-self: center;
 }
@@ -46745,8 +46730,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 .k-spreadsheet-view {
   height: auto !important;
   border-color: inherit;
-  font-size: 12px;
-  font-family: Arial, Verdana, Sans-serif;
+  font-family: var(--kendo-spreadsheet-view-font-family, Arial, Verdana, sans-serif);
+  font-size: var(--kendo-spreadsheet-view-font-size, var(--kendo-font-size, initial));
   flex: 1;
   position: relative;
   overflow: hidden;
@@ -46756,8 +46741,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-spreadsheet-fixed-container {
-  width: 100%;
-  height: 100%;
+  width: calc(100% - var(--kendo-scrollbar-width, 17px));
+  height: calc(100% - var(--kendo-scrollbar-width, 17px));
   border-color: inherit;
   box-sizing: border-box;
   -webkit-user-select: none;
@@ -46908,7 +46893,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-spreadsheet-cell {
-  padding: 1px;
+  padding-block: var(--kendo-spreadsheet-cell-padding-y, 0.25rem);
+  padding-inline: var(--kendo-spreadsheet-cell-padding-x, 0.25rem);
   box-sizing: border-box;
   position: absolute;
   line-height: normal;
@@ -46937,8 +46923,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-spreadsheet .k-spreadsheet-selection-highlight {
-  border-width: 1px;
-  border-style: solid;
+  border-width: 2px;
+  border-style: dashed;
   box-sizing: border-box;
   position: absolute;
 }
@@ -46984,7 +46970,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
   position: absolute;
   inset-block-end: 0;
   inset-inline-end: 0;
-  z-index: 100;
+  z-index: 300;
   cursor: crosshair;
 }
 
@@ -47032,7 +47018,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-spreadsheet .k-filter-range {
-  border-width: 1px;
+  border-width: 2px;
   border-style: solid;
   position: absolute;
   box-sizing: border-box;
@@ -47040,6 +47026,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 
 .k-spreadsheet-filter {
   border-radius: 0.125rem;
+  padding: var(--kendo-padding-y, 0.25rem);
   line-height: 1;
   position: absolute;
   cursor: pointer;
@@ -47355,47 +47342,77 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
   border-radius: var(--kendo-spreadsheet-insert-image-dialog-preview-overlay-border-radius, var(--kendo-border-radius-md, initial));
 }
 
-.k-spreadsheet {
-  border-color: var(--kendo-spreadsheet-border, var(--kendo-component-border, initial));
-  color: var(--kendo-spreadsheet-text, var(--kendo-component-text, initial));
-  background-color: var(--kendo-spreadsheet-bg, var(--kendo-component-bg, initial));
+.k-spreadsheet-legacy .k-spreadsheet,
+.k-spreadsheet-legacy .k-spreadsheet-action-bar,
+.k-spreadsheet-legacy .k-spreadsheet-view {
+  font-size: 12px;
+}
+.k-spreadsheet-legacy .k-spreadsheet-cell {
+  padding: 1px;
+}
+.k-spreadsheet-legacy .k-spreadsheet-filter {
+  padding: 0px;
+}
+.k-spreadsheet-legacy .k-filter-range {
+  border-width: 1px;
+}
+.k-spreadsheet-legacy .k-spreadsheet .k-spreadsheet-selection-highlight {
+  border-width: 1px;
+  border-style: solid;
 }
 
-.k-spreadsheet-top-corner,
-.k-spreadsheet-row-header,
-.k-spreadsheet-column-header {
-  border-color: var(--kendo-spreadsheet-header-border, var(--kendo-component-border, initial));
-  color: var(--kendo-spreadsheet-header-text, var(--kendo-neutral-190, inherit));
-  background-color: var(--kendo-spreadsheet-header-bg, var(--kendo-component-bg, initial));
+.k-spreadsheet .k-tabstrip-wrapper {
+  border-width: 0 0 1px;
+  border-style: solid;
+  border-color: inherit;
+  position: relative;
 }
 
-.k-syntax-ref {
-  color: #ff8822;
+.k-spreadsheet-tabstrip {
+  position: relative;
+  z-index: 1;
 }
 
-.k-syntax-num {
-  color: #0099ff;
+.k-spreadsheet-tabstrip .k-tabstrip-items-wrapper {
+  margin: 0;
 }
 
-.k-syntax-str {
-  color: #38b714;
+.k-spreadsheet-tabstrip .k-loading {
+  display: none;
 }
 
-.k-syntax-error {
-  color: red;
+.k-spreadsheet-tabstrip .k-content,
+.k-spreadsheet-tabstrip .k-tabstrip-content {
+  border-radius: 0;
+  padding: 0;
+  border-width: 0;
+  overflow: hidden;
 }
 
-.k-syntax-bool {
-  color: #a9169c;
+.k-spreadsheet {
+  border-color: var(--kendo-spreadsheet-border, var(--kendo-component-border, initial));
+  color: var(--kendo-spreadsheet-text, var(--kendo-component-text, initial));
+  background-color: var(--kendo-spreadsheet-bg, var(--kendo-component-bg, initial));
 }
 
-.k-syntax-paren-match {
-  background-color: #caf200;
+.k-spreadsheet-header {
+  border-color: var(--kendo-spreadsheet-header-border, var(--kendo-component-border, initial));
+  color: var(--kendo-spreadsheet-header-text, var(--kendo-neutral-190, inherit));
+  background-color: var(--kendo-spreadsheet-header-bg, var(--kendo-neutral-10, inherit));
+}
+
+.k-spreadsheet-top-corner,
+.k-spreadsheet-row-header,
+.k-spreadsheet-column-header {
+  border-color: var(--kendo-spreadsheet-header-border, var(--kendo-component-border, initial));
+  color: var(--kendo-spreadsheet-header-text, var(--kendo-neutral-190, inherit));
+  background-color: var(--kendo-spreadsheet-header-bg, var(--kendo-neutral-10, inherit));
 }
 
 .k-spreadsheet-cell-editor {
-  color: var(--kendo-spreadsheet-text, var(--kendo-component-text, initial));
-  background-color: var(--kendo-spreadsheet-bg, var(--kendo-component-bg, initial));
+  border-color: var(--kendo-spreadsheet-cell-editor-border, );
+  color: var(--kendo-spreadsheet-cell-editor-text, var(--kendo-component-text, initial));
+  background-color: var(--kendo-spreadsheet-cell-editor-bg, var(--kendo-component-bg, initial));
 }
 
 .k-spreadsheet-merged-cell {
@@ -47404,56 +47421,59 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 
 .k-spreadsheet .k-selection-full,
 .k-spreadsheet .k-selection-partial {
-  background-color: var(--kendo-spreadsheet-selected-bg, var(--kendo-primary-30, inherit));
+  background-color: var(--kendo-spreadsheet-partial-selection-bg, color-mix(in srgb, var(--kendo-primary-30, inherit) 75%, transparent));
 }
 
 .k-spreadsheet-selection {
-  border-color: var(--kendo-spreadsheet-selected-border, var(--kendo-primary-100, inherit));
-  background-color: var(--kendo-spreadsheet-selected-bg, var(--kendo-primary-30, inherit));
-  box-shadow: inset 0 0 0 1px var(--kendo-spreadsheet-selected-bg, var(--kendo-primary-30, inherit));
+  border-color: var(--kendo-spreadsheet-selection-border, var(--kendo-primary-100, inherit));
+  color: var(--kendo-spreadsheet-selection-text, );
+  background-color: var(--kendo-spreadsheet-selection-bg, transparent);
+  box-shadow: var(--kendo-spreadsheet-selection-shadow, none);
+}
+
+.k-spreadsheet-selection-highlight {
+  border-color: var(--kendo-spreadsheet-selection-border, var(--kendo-primary-100, inherit));
 }
 
 .k-spreadsheet .k-single-selection::after {
-  border-color: var(--kendo-spreadsheet-border, var(--kendo-component-border, initial));
-  background-color: var(--kendo-spreadsheet-selected-border, var(--kendo-primary-100, inherit));
+  border-color: var(--kendo-spreadsheet-single-selection-border, var(--kendo-component-border, initial));
+  color: var(--kendo-spreadsheet-single-selection-text, );
+  background-color: var(--kendo-spreadsheet-single-selection-bg, var(--kendo-primary-100, inherit));
 }
 
 .k-spreadsheet-active-cell {
-  box-shadow: inset 0 0 0 1px var(--kendo-spreadsheet-selected-bg, var(--kendo-primary-30, inherit));
-  background-color: var(--kendo-spreadsheet-bg, var(--kendo-component-bg, initial));
-}
-.k-spreadsheet-active-cell.k-right {
-  box-shadow: inset 0 0 0 1px var(--kendo-spreadsheet-selected-bg, var(--kendo-primary-30, inherit)), inset -1px 0 0 1px var(--kendo-spreadsheet-selected-bg, var(--kendo-primary-30, inherit));
-}
-.k-spreadsheet-active-cell.k-bottom {
-  box-shadow: inset 0 0 0 1px var(--kendo-spreadsheet-selected-bg, var(--kendo-primary-30, inherit)), inset 0 -1px 0 1px var(--kendo-spreadsheet-selected-bg, var(--kendo-primary-30, inherit));
-}
-.k-spreadsheet-active-cell.k-bottom.k-right {
-  box-shadow: inset 0 0 0 1px var(--kendo-spreadsheet-selected-bg, var(--kendo-primary-30, inherit)), inset -1px -1px 0 1px var(--kendo-spreadsheet-selected-bg, var(--kendo-primary-30, inherit));
+  background-color: var(--kendo-spreadsheet-active-cell-bg, var(--kendo-component-bg, initial));
+  box-shadow: var(--kendo-spreadsheet-active-cell-shadow, inset 0 0 0 1px var(--kendo-primary-30, inherit));
 }
 
 .k-spreadsheet .k-auto-fill {
   border-color: var(--kendo-spreadsheet-selected-border, var(--kendo-primary-100, inherit));
   background-color: var(--kendo-spreadsheet-selected-bg, var(--kendo-primary-30, inherit));
   box-shadow: inset 0 0 0 1px var(--kendo-spreadsheet-selected-bg, var(--kendo-primary-30, inherit));
+  border-color: var(--kendo-spreadsheet-auto-fill-border, var(--kendo-primary-30, inherit));
+  color: var(--kendo-spreadsheet-auto-fill-text, );
+  background-color: var(--kendo-spreadsheet-auto-fill-bg, color-mix(in srgb, var(--kendo-primary-30, inherit) 75%, transparent));
+  box-shadow: var(--kendo-spreadsheet-auto-fill-shadow, inset 0 0 0 1px var(--kendo-primary-30, inherit));
 }
 
 .k-spreadsheet .k-auto-fill-punch {
-  background-color: var(--kendo-spreadsheet-bg, var(--kendo-component-bg, initial));
+  background-color: var(--kendo-spreadsheet-auto-fill-punch-bg, color-mix(in srgb, var(--kendo-component-bg, initial) 50%, transparent));
 }
 
 .k-spreadsheet .k-resize-handle,
 .k-spreadsheet .k-resize-hint-handle,
 .k-spreadsheet .k-resize-hint-marker {
-  background-color: var(--kendo-spreadsheet-primary-bg, var(--kendo-primary-100, inherit));
+  background-color: var(--kendo-spreadsheet-resize-handle-bg, var(--kendo-primary-100, inherit));
 }
 
 .k-spreadsheet-has-comment::after {
-  border-color: var(--kendo-spreadsheet-primary-border, var(--kendo-primary-100, inherit)) var(--kendo-spreadsheet-primary-border, var(--kendo-primary-100, inherit)) transparent transparent;
+  border-block-color: var(--kendo-spreadsheet-cell-comment-border, var(--kendo-primary-100, inherit)) transparent;
+  border-inline-color: transparent var(--kendo-spreadsheet-cell-comment-border, var(--kendo-primary-100, inherit));
 }
 
-.k-dirty {
-  border-color: var(--kendo-spreadsheet-error-border, var(--kendo-error-190, inherit)) transparent transparent var(--kendo-spreadsheet-error-border, var(--kendo-error-190, inherit));
+.k-spreadsheet-cell .k-dirty {
+  border-block-color: var(--kendo-spreadsheet-cell-dirty-border, var(--kendo-error-100, inherit)) transparent;
+  border-inline-color: var(--kendo-spreadsheet-cell-dirty-border, var(--kendo-error-100, inherit)) transparent;
 }
 
 .k-spreadsheet .k-filter-range {
@@ -47494,18 +47514,6 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
   color: var(--kendo-spreadsheet-filter-menu-icon-color, var(--kendo-primary-100, inherit));
 }
 
-.k-spreadsheet-popup .k-button:hover,
-.k-spreadsheet-popup .k-button.k-hover {
-  color: var(--kendo-list-item-hover-text, var(--kendo-neutral-190, inherit));
-  background-color: var(--kendo-list-item-hover-bg, var(--kendo-neutral-20, inherit));
-}
-.k-spreadsheet-popup .k-button:active,
-.k-spreadsheet-popup .k-button.k-active,
-.k-spreadsheet-popup .k-button.k-selected {
-  color: var(--kendo-list-item-selected-text, var(--kendo-neutral-190, inherit));
-  background-color: var(--kendo-list-item-selected-bg, var(--kendo-neutral-40, inherit));
-}
-
 .k-spreadsheet-insert-image-dialog {
   border-color: var(--kendo-spreadsheet-insert-image-dialog-preview-border, var(--kendo-component-border, initial));
 }
@@ -47528,15 +47536,28 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
   background: var(--kendo-spreadsheet-drawing-anchor-bg, var(--kendo-primary-30, inherit));
 }
 
-.k-rtl .k-spreadsheet .k-spreadsheet-has-comment::after,
-.k-spreadsheet[dir=rtl] .k-spreadsheet-has-comment::after,
-[dir=rtl] .k-spreadsheet .k-spreadsheet-has-comment::after {
-  border-color: var(--kendo-spreadsheet-primary-border, var(--kendo-primary-100, inherit)) transparent transparent var(--kendo-spreadsheet-primary-border, var(--kendo-primary-100, inherit));
+.k-syntax-ref {
+  color: #ff8822;
+}
+
+.k-syntax-num {
+  color: #0099ff;
 }
-.k-rtl .k-spreadsheet .k-dirty,
-.k-spreadsheet[dir=rtl] .k-dirty,
-[dir=rtl] .k-spreadsheet .k-dirty {
-  border-color: var(--kendo-spreadsheet-error-border, var(--kendo-error-190, inherit)) var(--kendo-spreadsheet-error-border, var(--kendo-error-190, inherit)) transparent transparent;
+
+.k-syntax-str {
+  color: #38b714;
+}
+
+.k-syntax-error {
+  color: red;
+}
+
+.k-syntax-bool {
+  color: #a9169c;
+}
+
+.k-syntax-paren-match {
+  background-color: #caf200;
 }
 
 .k-pivotgrid {