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

package/dist/all.css

@@ -35508,6 +35508,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: #dee2e6;
     color: #212529;
@@ -48039,72 +48048,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: 0.5rem;
-    display: inline-flex;
-    flex-direction: row;
-    position: absolute;
-    z-index: 2;
-    top: 0;
-    left: 0;
-}
-
-.k-spreadsheet-tabstrip {
-    padding-top: 0.5rem;
-    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.5em;
-}
-
-.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: 0.25rem;
+    padding-inline: 0.5rem;
+    font-size: 1rem;
     font-family: Arial, Verdana, sans-serif;
     position: relative;
     display: flex;
     flex-direction: row;
+    gap: 0.5rem;
 }
 
 .k-spreadsheet-name-editor {
@@ -48112,6 +48071,7 @@ 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;
@@ -48141,6 +48101,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     padding-block: 0.375rem;
     padding-inline: 0.75rem;
     line-height: 1.5;
+    display: inline-block;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 .k-spreadsheet-formula-bar .k-spreadsheet-formula-input.k-spreadsheet-array-formula::before {
@@ -48190,26 +48154,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: 0.25rem;
     line-height: 20px;
     display: none;
     overflow: hidden;
     position: absolute;
-    z-index: 2000;
+    z-index: 100;
 }
 
 .k-spreadsheet-sheets-bar {
-    padding: 0 0 0.25rem 0.25rem;
+    padding-block-end: 0.5rem;
+    padding-inline: 0.5rem;
     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;
 }
@@ -48248,8 +48221,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: 1rem;
+    font-family: Arial, Verdana, sans-serif;
     flex: 1;
     position: relative;
     overflow: hidden;
@@ -48260,8 +48233,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;
@@ -48427,7 +48400,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-spreadsheet-cell {
-    padding: 1px;
+    padding-block: 0.25rem;
+    padding-inline: 0.25rem;
     box-sizing: border-box;
     position: absolute;
     line-height: normal;
@@ -48435,7 +48409,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;
 }
 
@@ -48456,8 +48430,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;
 }
@@ -48503,7 +48477,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;
 }
 
@@ -48534,15 +48508,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 {
@@ -48551,7 +48525,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;
@@ -48559,6 +48533,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 
 .k-spreadsheet-filter {
     border-radius: 0.375rem;
+    padding: 0.5rem;
     line-height: 1;
     position: absolute;
     cursor: pointer;
@@ -48696,18 +48671,6 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     gap: 0.5rem;
 }
 
-.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;
@@ -48910,16 +48873,70 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     border-radius: 0.375rem;
 }
 
-.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-spreadsheet .k-tabstrip-wrapper {
+    border-width: 0 0 1px;
+    border-style: solid;
+    border-color: inherit;
+    position: relative;
 }
 
-.k-rtl .k-spreadsheet .k-spreadsheet-has-comment::after,
-.k-spreadsheet[dir="rtl"] .k-spreadsheet-has-comment::after {
+.k-spreadsheet-quick-access-toolbar {
+    padding: 0.5rem;
+    display: inline-flex;
+    flex-direction: row;
+    position: absolute;
+    z-index: 2;
+    top: 0;
     left: 0;
-    right: auto;
+}
+
+.k-spreadsheet-tabstrip {
+    padding-top: 0.5rem;
+    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-menu {
+    padding-inline: 0.5rem;
 }
 
 .k-spreadsheet-filter-menu > .k-menu,
@@ -48930,12 +48947,22 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     font-size: inherit;
 }
 
+.k-spreadsheet-filter {
+    padding: 0.25rem;
+}
+
 .k-spreadsheet {
     border-color: #dee2e6;
     color: #212529;
     background-color: #ffffff;
 }
 
+.k-spreadsheet-header {
+    border-color: #dee2e6;
+    color: #212529;
+    background-color: #f8f9fa;
+}
+
 .k-spreadsheet-top-corner,
 .k-spreadsheet-row-header,
 .k-spreadsheet-column-header {
@@ -48944,30 +48971,6 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     background-color: #f8f9fa;
 }
 
-.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;
-}
-
 .k-spreadsheet-cell-editor {
     color: #212529;
     background-color: #ffffff;
@@ -48977,6 +48980,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     background-color: #ffffff;
 }
 
+.k-spreadsheet-disabled-mask {
+    background-color: #ffffff;
+}
+
 .k-spreadsheet .k-selection-full,
 .k-spreadsheet .k-selection-partial {
     background-color: rgba(13, 110, 253, 0.25);
@@ -48988,26 +48995,18 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     box-shadow: inset 0 0 0 1px #0d6efd;
 }
 
+.k-spreadsheet-selection-highlight {
+    border-color: #0d6efd;
+}
+
 .k-spreadsheet .k-single-selection::after {
     border-color: #ffffff;
     background-color: #0d6efd;
 }
 
 .k-spreadsheet-active-cell {
-    box-shadow: inset 0 0 0 1px #0d6efd;
     background-color: #ffffff;
-}
-
-.k-spreadsheet-active-cell.k-right {
-    box-shadow: inset 0 0 0 1px #0d6efd, inset -1px 0 0 1px #0d6efd;
-}
-
-.k-spreadsheet-active-cell.k-bottom {
-    box-shadow: inset 0 0 0 1px #0d6efd, inset 0 -1px 0 1px #0d6efd;
-}
-
-.k-spreadsheet-active-cell.k-bottom.k-right {
-    box-shadow: inset 0 0 0 1px #0d6efd, inset -1px -1px 0 1px #0d6efd;
+    box-shadow: inset 0 0 0 1px #0d6efd;
 }
 
 .k-spreadsheet .k-auto-fill {
@@ -49027,11 +49026,13 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-spreadsheet-has-comment::after {
-    border-color: #0d6efd #0d6efd transparent transparent;
+    border-block-color: #0d6efd transparent;
+    border-inline-color: transparent #0d6efd;
 }
 
-.k-dirty {
-    border-color: #dc3545 transparent transparent #dc3545;
+.k-spreadsheet-cell .k-dirty {
+    border-block-color: #dc3545 transparent;
+    border-inline-color: #dc3545 transparent;
 }
 
 .k-spreadsheet .k-filter-range {
@@ -49045,17 +49046,19 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     box-shadow: inset 0 0 0 1px #e4e7eb;
 }
 
-.k-spreadsheet-filter.k-active {
-    border-color: #bfc6d0;
-    background-color: #c7cdd5;
-}
-
 .k-spreadsheet-filter:hover {
     border-color: #c7cdd5;
     background-color: #ced3db;
 }
 
+.k-spreadsheet-filter.k-active {
+    border-color: #bfc6d0;
+    background-color: #c7cdd5;
+}
+
+.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: #212529;
     background-color: #e9ecef;
@@ -49093,29 +49096,28 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     background: rgba(13, 110, 253, 0.25);
 }
 
-.k-spreadsheet-popup .k-button:hover,
-.k-spreadsheet-popup .k-button.k-hover {
-    color: #212529;
-    background-color: #e9ecef;
+.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: white;
-    background-color: #0d6efd;
+.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: #0d6efd transparent transparent #0d6efd;
+.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: #dc3545 #dc3545 transparent transparent;
+.k-syntax-error {
+    color: red;
+}
+
+.k-syntax-bool {
+    color: #a9169c;
+}
+
+.k-syntax-paren-match {
+    background-color: #caf200;
 }
 
 .k-pivotgrid {