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

package/dist/all.css

@@ -35968,6 +35968,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 .k-button {
     box-shadow: none;
 }
@@ -49373,72 +49382,22 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     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: 2em;
-}
-
-.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 {
@@ -49446,12 +49405,13 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .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,
@@ -49475,6 +49435,10 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     padding-block: 8px;
     padding-inline: 16px;
     line-height: 1.25;
+    display: inline-block;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 .k-spreadsheet-formula-bar .k-spreadsheet-formula-input.k-spreadsheet-array-formula::before {
@@ -49524,26 +49488,35 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .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;
 }
@@ -49582,8 +49555,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 .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;
@@ -49594,8 +49567,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .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;
@@ -49761,7 +49734,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-spreadsheet-cell {
-    padding: 1px;
+    padding-block: 4px;
+    padding-inline: 4px;
     box-sizing: border-box;
     position: absolute;
     line-height: normal;
@@ -49769,7 +49743,7 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     overflow: hidden;
 }
 
-.k-spreadsheet-merged-cells-wrapers {
+.k-spreadsheet-merged-cells-wrapper {
     position: relative;
 }
 
@@ -49790,8 +49764,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-spreadsheet .k-spreadsheet-selection-highlight {
-    border-width: 1px;
-    border-style: solid;
+    border-width: 2px;
+    border-style: dashed;
     box-sizing: border-box;
     position: absolute;
 }
@@ -49837,7 +49811,7 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     position: absolute;
     bottom: 0;
     right: 0;
-    z-index: 100;
+    z-index: 300;
     cursor: crosshair;
 }
 
@@ -49868,15 +49842,15 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     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 {
@@ -49885,7 +49859,7 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-spreadsheet .k-filter-range {
-    border-width: 1px;
+    border-width: 2px;
     border-style: solid;
     position: absolute;
     box-sizing: border-box;
@@ -49893,6 +49867,7 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 
 .k-spreadsheet-filter {
     border-radius: 4px;
+    padding: 4px;
     line-height: 1;
     position: absolute;
     cursor: pointer;
@@ -50030,18 +50005,6 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     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;
@@ -50244,16 +50207,66 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     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-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-rtl .k-spreadsheet .k-spreadsheet-has-comment::after,
-.k-spreadsheet[dir="rtl"] .k-spreadsheet-has-comment::after {
+.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;
-    right: auto;
+}
+
+.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-quick-access-toolbar {
@@ -50275,10 +50288,6 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     border-width: 0;
 }
 
-.k-spreadsheet-sheets-bar {
-    padding: 0;
-}
-
 .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-bar-add {
     margin: 4px;
     border-radius: 50%;
@@ -50298,63 +50307,18 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     background-color: #ffffff;
 }
 
-.k-spreadsheet > .k-tabstrip-wrapper .k-tabstrip-items-wrapper {
-    color: white;
-    background-color: #3f51b5;
-}
-
-.k-spreadsheet > .k-tabstrip-wrapper .k-tabstrip-items .k-item {
-    color: inherit;
-}
-
-.k-spreadsheet > .k-tabstrip-wrapper .k-tabstrip-items .k-item.k-active::after {
-    border-color: white;
-}
-
-.k-spreadsheet-quick-access-toolbar {
-    color: white;
-    background-color: #3f51b5;
-}
-
-.k-spreadsheet-sheets-bar {
-    border-color: inherit;
+.k-spreadsheet-header {
+    border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.87);
-    background-color: whitesmoke;
-}
-
-.k-spreadsheet-sheets-bar .k-tabstrip-items .k-item.k-active {
-    border-color: #e51a5f;
+    background-color: #ffffff;
 }
 
 .k-spreadsheet-top-corner,
 .k-spreadsheet-row-header,
 .k-spreadsheet-column-header {
-    border-color: rgba(0, 0, 0, 0.12);
-    background-color: #ebebeb;
-}
-
-.k-syntax-ref {
-    color: #ff8822;
-}
-
-.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;
+    border-color: rgba(0, 0, 0, 0.08);
+    color: rgba(0, 0, 0, 0.87);
+    background-color: whitesmoke;
 }
 
 .k-spreadsheet-cell-editor {
@@ -50366,42 +50330,33 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     background-color: #ffffff;
 }
 
+.k-spreadsheet-disabled-mask {
+    background-color: #ffffff;
+}
+
 .k-spreadsheet .k-selection-full,
 .k-spreadsheet .k-selection-partial {
     background-color: rgba(0, 0, 0, 0.04);
 }
 
-.k-spreadsheet .k-selection-full::after,
-.k-spreadsheet .k-selection-partial::after {
-    border-color: #e51a5f;
-}
-
 .k-spreadsheet-selection {
     border-color: #3f51b5;
     background-color: rgba(63, 81, 181, 0.25);
     box-shadow: inset 0 0 0 1px #3f51b5;
 }
 
+.k-spreadsheet-selection-highlight {
+    border-color: #3f51b5;
+}
+
 .k-spreadsheet .k-single-selection::after {
     border-color: #ffffff;
     background-color: #3f51b5;
 }
 
 .k-spreadsheet-active-cell {
-    box-shadow: inset 0 0 0 1px #3f51b5;
     background-color: #ffffff;
-}
-
-.k-spreadsheet-active-cell.k-right {
-    box-shadow: inset 0 0 0 1px #3f51b5, inset -1px 0 0 1px #3f51b5;
-}
-
-.k-spreadsheet-active-cell.k-bottom {
-    box-shadow: inset 0 0 0 1px #3f51b5, inset 0 -1px 0 1px #3f51b5;
-}
-
-.k-spreadsheet-active-cell.k-bottom.k-right {
-    box-shadow: inset 0 0 0 1px #3f51b5, inset -1px -1px 0 1px #3f51b5;
+    box-shadow: inset 0 0 0 1px #3f51b5;
 }
 
 .k-spreadsheet .k-auto-fill {
@@ -50421,11 +50376,13 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-spreadsheet-has-comment::after {
-    border-color: #3f51b5 #3f51b5 transparent transparent;
+    border-block-color: #3f51b5 transparent;
+    border-inline-color: transparent #3f51b5;
 }
 
-.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 {
@@ -50439,8 +50396,12 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     box-shadow: inset 0 0 0 1px #ffffff;
 }
 
-.k-spreadsheet-filter.k-active {
-    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+.k-spreadsheet-filter-menu > .k-menu .k-item:hover,
+.k-spreadsheet-filter-menu > .k-menu .k-item.k-hover,
+.k-spreadsheet-filter-menu > .k-menu:not(.k-context-menu) .k-item:hover,
+.k-spreadsheet-filter-menu > .k-menu:not(.k-context-menu) .k-item.k-hover {
+    color: rgba(0, 0, 0, 0.87);
+    background-color: rgba(0, 0, 0, 0.04);
 }
 
 .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
@@ -50475,29 +50436,51 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     background: rgba(229, 26, 95, 0.25);
 }
 
-.k-spreadsheet-popup .k-button:hover,
-.k-spreadsheet-popup .k-button.k-hover {
-    color: rgba(0, 0, 0, 0.87);
-    background-color: rgba(0, 0, 0, 0.04);
+.k-syntax-ref {
+    color: #ff8822;
 }
 
-.k-spreadsheet-popup .k-button:active,
-.k-spreadsheet-popup .k-button.k-active,
-.k-spreadsheet-popup .k-button.k-selected {
-    color: #e51a5f;
-    background-color: #ffffff;
+.k-syntax-num {
+    color: #0099ff;
 }
 
-.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: #3f51b5 transparent transparent #3f51b5;
+.k-syntax-str {
+    color: #38b714;
 }
 
-.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-error {
+    color: red;
+}
+
+.k-syntax-bool {
+    color: #a9169c;
+}
+
+.k-syntax-paren-match {
+    background-color: #caf200;
+}
+
+.k-spreadsheet > .k-tabstrip-wrapper .k-tabstrip-items-wrapper {
+    color: white;
+    background-color: #3f51b5;
+}
+
+.k-spreadsheet > .k-tabstrip-wrapper .k-tabstrip-items .k-item {
+    color: inherit;
+}
+
+.k-spreadsheet > .k-tabstrip-wrapper .k-tabstrip-items .k-item.k-active::after {
+    border-color: white;
+}
+
+.k-spreadsheet-quick-access-toolbar {
+    color: white;
+    background-color: #3f51b5;
+}
+
+.k-spreadsheet .k-selection-full::after,
+.k-spreadsheet .k-selection-partial::after {
+    border-color: #e51a5f;
 }
 
 .k-pivotgrid {