@progress/kendo-theme-default 6.7.1-dev.1 → 6.8.0-dev.1

package/dist/all.css

@@ -35459,6 +35459,15 @@ kendo-badge-container {
     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 {
     border-color: rgba(0, 0, 0, 0.08);
     color: #424242;
@@ -47887,72 +47896,22 @@ 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: 8px;
-    display: inline-flex;
-    flex-direction: row;
-    position: absolute;
-    z-index: 2;
-    top: 0;
-    left: 0;
-}
-
-.k-spreadsheet-tabstrip {
-    padding-top: 8px;
-    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: 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-style: solid;
     border-color: inherit;
-    font-size: 12px;
+    padding-block: 4px;
+    padding-inline: 8px;
+    font-size: 14px;
     font-family: Arial, Verdana, sans-serif;
     position: relative;
     display: flex;
     flex-direction: row;
+    gap: 8px;
 }
 
 .k-spreadsheet-name-editor {
@@ -47960,12 +47919,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: 4px;
+    gap: 8px;
 }
 
 .k-spreadsheet-formula-bar > .k-icon,
@@ -47989,6 +47949,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     padding-block: 4px;
     padding-inline: 8px;
     line-height: 1.4285714286;
+    display: inline-block;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 .k-spreadsheet-formula-bar .k-spreadsheet-formula-input.k-spreadsheet-array-formula::before {
@@ -48038,26 +48002,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;
+    padding-block: 0px;
+    padding-inline: 4px;
     line-height: 20px;
     display: none;
     overflow: hidden;
     position: absolute;
-    z-index: 2000;
+    z-index: 100;
 }
 
 .k-spreadsheet-sheets-bar {
-    padding: 0 0 4px 4px;
+    padding-block-end: 8px;
+    padding-inline: 8px;
     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;
 }
@@ -48096,8 +48069,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-size: 14px;
+    font-family: Arial, Verdana, sans-serif;
     flex: 1;
     position: relative;
     overflow: hidden;
@@ -48108,8 +48081,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;
@@ -48275,7 +48248,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-spreadsheet-cell {
-    padding: 1px;
+    padding-block: 4px;
+    padding-inline: 4px;
     box-sizing: border-box;
     position: absolute;
     line-height: normal;
@@ -48283,7 +48257,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     overflow: hidden;
 }
 
-.k-spreadsheet-merged-cells-wrapers {
+.k-spreadsheet-merged-cells-wrapper {
     position: relative;
 }
 
@@ -48304,8 +48278,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;
 }
@@ -48351,7 +48325,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     position: absolute;
     bottom: 0;
     right: 0;
-    z-index: 100;
+    z-index: 300;
     cursor: crosshair;
 }
 
@@ -48382,15 +48356,15 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     display: block;
     position: absolute;
     top: 0;
-    right: 0;
-    left: auto;
+    inset-inline-end: 0;
+    inset-inline-start: auto;
     border-width: 3px;
     border-style: solid;
 }
 
-.k-dirty {
-    left: 0;
-    right: auto;
+.k-spreadsheet-cell .k-dirty {
+    inset-inline-start: 0;
+    inset-inline-end: auto;
 }
 
 .k-spreadsheet .k-filter-wrapper {
@@ -48399,7 +48373,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;
@@ -48407,6 +48381,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 
 .k-spreadsheet-filter {
     border-radius: 4px;
+    padding: 4px;
     line-height: 1;
     position: absolute;
     cursor: pointer;
@@ -48544,18 +48519,6 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     gap: 8px;
 }
 
-.k-spreadsheet-format-popup .k-item {
-    justify-content: space-between;
-}
-
-.k-spreadsheet-format-popup .k-spreadsheet-sample {
-    order: 1;
-}
-
-.k-spreadsheet-sample {
-    opacity: .7;
-}
-
 .k-spreadsheet-clipboard,
 .k-spreadsheet-clipboard-paste {
     margin: 0;
@@ -48758,54 +48721,86 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     border-radius: 4px;
 }
 
-.k-rtl .k-spreadsheet .k-dirty,
-.k-spreadsheet[dir="rtl"] .k-dirty {
-    right: 0;
-    left: auto;
+.k-spreadsheet-legacy .k-spreadsheet,
+.k-spreadsheet-legacy .k-spreadsheet-action-bar,
+.k-spreadsheet-legacy .k-spreadsheet-view {
+    font-size: 12px;
 }
 
-.k-rtl .k-spreadsheet .k-spreadsheet-has-comment::after,
-.k-spreadsheet[dir="rtl"] .k-spreadsheet-has-comment::after {
-    left: 0;
-    right: auto;
+.k-spreadsheet-legacy .k-spreadsheet-cell {
+    padding: 1px;
 }
 
-.k-spreadsheet {
-    border-color: rgba(0, 0, 0, 0.08);
-    color: #424242;
-    background-color: #ffffff;
+.k-spreadsheet-legacy .k-spreadsheet-filter {
+    padding: 0px;
 }
 
-.k-spreadsheet-top-corner,
-.k-spreadsheet-row-header,
-.k-spreadsheet-column-header {
-    border-color: rgba(0, 0, 0, 0.08);
-    color: #424242;
-    background-color: #fafafa;
+.k-spreadsheet-legacy .k-filter-range {
+    border-width: 1px;
 }
 
-.k-syntax-ref {
-    color: #ff8822;
+.k-spreadsheet-legacy .k-spreadsheet .k-spreadsheet-selection-highlight {
+    border-width: 1px;
+    border-style: solid;
 }
 
-.k-syntax-num {
-    color: #0099ff;
+.k-spreadsheet .k-tabstrip-wrapper {
+    border-width: 0 0 1px;
+    border-style: solid;
+    border-color: inherit;
+    position: relative;
 }
 
-.k-syntax-str {
-    color: #38b714;
+.k-spreadsheet-quick-access-toolbar {
+    padding: 8px;
+    display: inline-flex;
+    flex-direction: row;
+    position: absolute;
+    z-index: 2;
+    top: 0;
+    left: 0;
 }
 
-.k-syntax-error {
-    color: red;
+.k-spreadsheet-tabstrip {
+    padding-top: 8px;
+    position: relative;
+    z-index: 1;
 }
 
-.k-syntax-bool {
-    color: #a9169c;
+.k-spreadsheet-tabstrip .k-tabstrip-items-wrapper {
+    margin: 0;
 }
 
-.k-syntax-paren-match {
-    background-color: #caf200;
+.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 {
+    border-color: rgba(0, 0, 0, 0.08);
+    color: #424242;
+    background-color: #ffffff;
+}
+
+.k-spreadsheet-header {
+    border-color: rgba(0, 0, 0, 0.08);
+    color: #424242;
+    background-color: #fafafa;
+}
+
+.k-spreadsheet-top-corner,
+.k-spreadsheet-row-header,
+.k-spreadsheet-column-header {
+    border-color: rgba(0, 0, 0, 0.08);
+    color: #424242;
+    background-color: #fafafa;
 }
 
 .k-spreadsheet-cell-editor {
@@ -48832,26 +48827,18 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     box-shadow: inset 0 0 0 1px #ff6358;
 }
 
+.k-spreadsheet-selection-highlight {
+    border-color: #ff6358;
+}
+
 .k-spreadsheet .k-single-selection::after {
     border-color: #ffffff;
     background-color: #ff6358;
 }
 
 .k-spreadsheet-active-cell {
-    box-shadow: inset 0 0 0 1px #ff6358;
     background-color: #ffffff;
-}
-
-.k-spreadsheet-active-cell.k-right {
-    box-shadow: inset 0 0 0 1px #ff6358, inset -1px 0 0 1px #ff6358;
-}
-
-.k-spreadsheet-active-cell.k-bottom {
-    box-shadow: inset 0 0 0 1px #ff6358, inset 0 -1px 0 1px #ff6358;
-}
-
-.k-spreadsheet-active-cell.k-bottom.k-right {
-    box-shadow: inset 0 0 0 1px #ff6358, inset -1px -1px 0 1px #ff6358;
+    box-shadow: inset 0 0 0 1px #ff6358;
 }
 
 .k-spreadsheet .k-auto-fill {
@@ -48871,11 +48858,13 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-spreadsheet-has-comment::after {
-    border-color: #ff6358 #ff6358 transparent transparent;
+    border-block-color: #ff6358 transparent;
+    border-inline-color: transparent #ff6358;
 }
 
-.k-dirty {
-    border-color: #f31700 transparent transparent #f31700;
+.k-spreadsheet-cell .k-dirty {
+    border-block-color: #f31700 transparent;
+    border-inline-color: #f31700 transparent;
 }
 
 .k-spreadsheet .k-filter-range {
@@ -48912,19 +48901,6 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     background-color: #ffffff;
 }
 
-.k-spreadsheet-popup .k-button:hover,
-.k-spreadsheet-popup .k-button.k-hover {
-    color: #424242;
-    background-color: #f0f0f0;
-}
-
-.k-spreadsheet-popup .k-button:active,
-.k-spreadsheet-popup .k-button.k-active,
-.k-spreadsheet-popup .k-button.k-selected {
-    color: white;
-    background-color: #ff6358;
-}
-
 .k-spreadsheet-insert-image-dialog {
     border-color: rgba(0, 0, 0, 0.08);
 }
@@ -48951,16 +48927,28 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     background: rgba(255, 99, 88, 0.25);
 }
 
-.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: #ff6358 transparent transparent #ff6358;
+.k-syntax-ref {
+    color: #ff8822;
 }
 
-.k-rtl .k-spreadsheet .k-dirty,
-.k-spreadsheet[dir="rtl"] .k-dirty,
-[dir="rtl"] .k-spreadsheet .k-dirty {
-    border-color: #f31700 #f31700 transparent transparent;
+.k-syntax-num {
+    color: #0099ff;
+}
+
+.k-syntax-str {
+    color: #38b714;
+}
+
+.k-syntax-error {
+    color: red;
+}
+
+.k-syntax-bool {
+    color: #a9169c;
+}
+
+.k-syntax-paren-match {
+    background-color: #caf200;
 }
 
 .k-pivotgrid {