@progress/kendo-theme-material 4.43.0 → 4.43.1-dev.0

package/dist/all.css

@@ -13839,6 +13839,81 @@ kendo-toolbar-renderer {
     background-color: #e0e0e0;
 }
 
+.k-actions, .k-edit-buttons,
+.k-action-buttons,
+.k-columnmenu-actions, .k-form-buttons {
+    padding: 8px 8px;
+    border-width: 0px 0 0 0;
+    border-style: solid;
+    border-color: inherit;
+    flex-shrink: 0;
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: center;
+    gap: 8px;
+    overflow: hidden;
+    clear: both;
+}
+
+.k-popup .k-actions, .k-popup .k-edit-buttons,
+.k-popup .k-action-buttons,
+.k-popup .k-columnmenu-actions, .k-popup .k-form-buttons {
+    margin-top: 16px;
+}
+
+.k-ie .k-actions .k-button ~ .k-button, .k-ie .k-edit-buttons .k-button ~ .k-button, .k-ie .k-action-buttons .k-button ~ .k-button, .k-ie .k-columnmenu-actions .k-button ~ .k-button, .k-ie .k-form-buttons .k-button ~ .k-button {
+    margin-left: 8px;
+    flex-shrink: 0;
+}
+
+.k-rtl .k-ie .k-actions .k-button ~ .k-button, .k-rtl .k-ie .k-edit-buttons .k-button ~ .k-button, .k-rtl .k-ie .k-action-buttons .k-button ~ .k-button, .k-rtl .k-ie .k-columnmenu-actions .k-button ~ .k-button, .k-rtl .k-ie .k-form-buttons .k-button ~ .k-button,
+[dir="rtl"] .k-ie .k-actions .k-button ~ .k-button,
+[dir="rtl"] .k-ie .k-edit-buttons .k-button ~ .k-button,
+[dir="rtl"] .k-ie .k-action-buttons .k-button ~ .k-button,
+[dir="rtl"] .k-ie .k-columnmenu-actions .k-button ~ .k-button,
+[dir="rtl"] .k-ie .k-form-buttons .k-button ~ .k-button {
+    margin-left: 0;
+    margin-right: 8px;
+}
+
+.k-actions-start {
+    justify-content: flex-start;
+}
+
+.k-actions-center {
+    justify-content: center;
+}
+
+.k-actions-end {
+    justify-content: flex-end;
+}
+
+.k-actions-stretched > * {
+    flex: 1 0 0%;
+}
+
+.k-actions-horizontal {
+    width: 100%;
+    flex-flow: row nowrap;
+}
+
+.k-actions-vertical {
+    flex-flow: column nowrap;
+}
+
+.k-actions .k-button, .k-edit-buttons .k-button, .k-action-buttons .k-button, .k-columnmenu-actions .k-button, .k-form-buttons .k-button {
+    box-shadow: none;
+}
+
+.k-actions .k-button:not(.k-primary), .k-edit-buttons .k-button:not(.k-primary), .k-action-buttons .k-button:not(.k-primary), .k-columnmenu-actions .k-button:not(.k-primary), .k-form-buttons .k-button:not(.k-primary),
+.k-actions .k-button-secondary,
+.k-edit-buttons .k-button-secondary,
+.k-action-buttons .k-button-secondary,
+.k-columnmenu-actions .k-button-secondary,
+.k-form-buttons .k-button-secondary {
+    background-color: #ebebeb;
+}
+
 .k-form,
 .k-form-inline {
     font-size: 14px;
@@ -13932,7 +14007,6 @@ kendo-label > .k-label {
 }
 
 .k-form .k-form-field,
-.k-form .k-form-buttons,
 .k-form .k-daterangepicker .k-textbox-container {
     margin-top: 1em;
 }
@@ -13995,15 +14069,8 @@ kendo-label > .k-label {
 }
 
 .k-form-buttons {
-    display: flex;
-}
-
-.k-form-buttons > * {
-    margin-right: 8px;
-}
-
-.k-form-buttons > *:last-child {
-    margin-right: 0;
+    margin-top: 2em;
+    padding: 0;
 }
 
 .k-form-hint,
@@ -14058,23 +14125,6 @@ kendo-label > .k-label {
     flex: 1 1 auto;
 }
 
-.k-form-horizontal .k-form-buttons {
-    margin-top: 2em;
-}
-
-.k-form [dir="rtl"] .k-form-buttons > *, .k-form [dir="rtl"].k-form-buttons > *,
-.k-rtl .k-form .k-form-buttons > *,
-.k-rtl .k-form.k-form-buttons > * {
-    margin-right: 0;
-    margin-left: 8px;
-}
-
-.k-form [dir="rtl"] .k-form-buttons > *:last-child, .k-form [dir="rtl"].k-form-buttons > *:last-child,
-.k-rtl .k-form .k-form-buttons > *:last-child,
-.k-rtl .k-form.k-form-buttons > *:last-child {
-    margin-left: 0;
-}
-
 .k-form [dir="rtl"] .k-label-optional,
 .k-rtl .k-form .k-label-optional {
     margin-left: 0;
@@ -14176,11 +14226,12 @@ kendo-label > .k-label {
 
 .k-popup-edit-form > .k-actions, .k-popup-edit-form > .k-edit-buttons,
 .k-popup-edit-form > .k-action-buttons,
-.k-popup-edit-form > .k-columnmenu-actions,
+.k-popup-edit-form > .k-columnmenu-actions, .k-popup-edit-form > .k-form-buttons,
 .k-edit-form-container .k-actions,
 .k-edit-form-container .k-edit-buttons,
 .k-edit-form-container .k-action-buttons,
-.k-edit-form-container .k-columnmenu-actions {
+.k-edit-form-container .k-columnmenu-actions,
+.k-edit-form-container .k-form-buttons {
     margin: 1em -24px -8px;
 }
 
@@ -17844,79 +17895,6 @@ kendo-label.k-radio-label > .k-label {
     background: linear-gradient(to left, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);
 }
 
-.k-actions, .k-edit-buttons,
-.k-action-buttons,
-.k-columnmenu-actions {
-    padding: 8px 8px;
-    border-width: 0px 0 0 0;
-    border-style: solid;
-    border-color: inherit;
-    flex-shrink: 0;
-    display: flex;
-    flex-flow: row nowrap;
-    align-items: center;
-    gap: 8px;
-    overflow: hidden;
-    clear: both;
-}
-
-.k-popup .k-actions, .k-popup .k-edit-buttons,
-.k-popup .k-action-buttons,
-.k-popup .k-columnmenu-actions {
-    margin-top: 16px;
-}
-
-.k-ie .k-actions .k-button ~ .k-button, .k-ie .k-edit-buttons .k-button ~ .k-button, .k-ie .k-action-buttons .k-button ~ .k-button, .k-ie .k-columnmenu-actions .k-button ~ .k-button {
-    margin-left: 8px;
-    flex-shrink: 0;
-}
-
-.k-rtl .k-ie .k-actions .k-button ~ .k-button, .k-rtl .k-ie .k-edit-buttons .k-button ~ .k-button, .k-rtl .k-ie .k-action-buttons .k-button ~ .k-button, .k-rtl .k-ie .k-columnmenu-actions .k-button ~ .k-button,
-[dir="rtl"] .k-ie .k-actions .k-button ~ .k-button,
-[dir="rtl"] .k-ie .k-edit-buttons .k-button ~ .k-button,
-[dir="rtl"] .k-ie .k-action-buttons .k-button ~ .k-button,
-[dir="rtl"] .k-ie .k-columnmenu-actions .k-button ~ .k-button {
-    margin-left: 0;
-    margin-right: 8px;
-}
-
-.k-actions-start {
-    justify-content: flex-start;
-}
-
-.k-actions-center {
-    justify-content: center;
-}
-
-.k-actions-end {
-    justify-content: flex-end;
-}
-
-.k-actions-stretched > * {
-    flex: 1 0 0%;
-}
-
-.k-actions-horizontal {
-    width: 100%;
-    flex-flow: row nowrap;
-}
-
-.k-actions-vertical {
-    flex-flow: column nowrap;
-}
-
-.k-actions .k-button, .k-edit-buttons .k-button, .k-action-buttons .k-button, .k-columnmenu-actions .k-button {
-    box-shadow: none;
-}
-
-.k-actions .k-button:not(.k-primary), .k-edit-buttons .k-button:not(.k-primary), .k-action-buttons .k-button:not(.k-primary), .k-columnmenu-actions .k-button:not(.k-primary),
-.k-actions .k-button-secondary,
-.k-edit-buttons .k-button-secondary,
-.k-action-buttons .k-button-secondary,
-.k-columnmenu-actions .k-button-secondary {
-    background-color: #ebebeb;
-}
-
 .k-coloreditor {
     border-radius: 2px;
     min-width: 294px;
@@ -17974,7 +17952,7 @@ kendo-label.k-radio-label > .k-label {
 
 .k-coloreditor-footer.k-actions, .k-coloreditor-footer.k-edit-buttons,
 .k-coloreditor-footer.k-action-buttons,
-.k-coloreditor-footer.k-columnmenu-actions {
+.k-coloreditor-footer.k-columnmenu-actions, .k-coloreditor-footer.k-form-buttons {
     margin: 0;
 }
 
@@ -20773,7 +20751,7 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
 
 .k-upload .k-actions, .k-upload .k-edit-buttons,
 .k-upload .k-action-buttons,
-.k-upload .k-columnmenu-actions {
+.k-upload .k-columnmenu-actions, .k-upload .k-form-buttons {
     border-top-width: 1px;
 }
 
@@ -24677,7 +24655,7 @@ kendo-card-footer {
 
 .k-tabstrip-content,
 .k-tabstrip > .k-content {
-    padding: 14px 24px;
+    padding: 16px 16px;
     border-width: 0px;
     border-style: solid;
     border-color: inherit;
@@ -26735,12 +26713,6 @@ kendo-scheduler .k-scheduler-footer li .k-rtl .k-grid .k-group-indicator .k-link
     border-right-width: 0;
 }
 
-.k-grid[dir="rtl"] .k-filtercell-operator,
-.k-rtl .k-grid .k-filtercell-operator {
-    margin-left: 0;
-    margin-right: 5px;
-}
-
 .k-grid[dir="rtl"] .k-dirty,
 .k-rtl .k-grid .k-dirty {
     border-color: currentColor currentColor transparent transparent;
@@ -27206,72 +27178,40 @@ div.k-grid-footer {
     height: auto;
 }
 
-.k-filter-row .k-filtercell .k-widget.k-sized-input {
-    flex: 0 1 auto;
-}
-
 .k-filtercell {
     width: auto;
     display: flex;
+    flex-flow: row nowrap;
+    align-items: center;
 }
 
 .k-filtercell > span,
 .k-filtercell .k-filtercell-wrapper {
     display: flex;
+    flex-flow: row nowrap;
+    align-items: center;
+    gap: 5px;
     flex: 1 1 auto;
 }
 
-.k-filtercell > span > label,
-.k-filtercell .k-filtercell-wrapper > label {
-    vertical-align: middle;
-}
-
-.k-filtercell .k-filtercell-wrapper > .k-widget {
+.k-filtercell > span > .k-widget,
+.k-filtercell > span > .k-textbox,
+.k-filtercell .k-filtercell-wrapper > .k-widget,
+.k-filtercell .k-filtercell-wrapper > .k-textbox {
     width: 100%;
 }
 
-.k-filtercell > span .k-button {
-    visibility: visible;
-    pointer-events: all;
-}
-
-.k-filtercell > span .k-button,
-.k-filtercell > span .k-dropdown-operator {
-    margin-left: 5px;
-}
-
-.k-ie .k-filtercell > span .k-button, .k-ie
-.k-filtercell > span .k-dropdown-operator {
-    min-width: calc(1.4285714286em + 16px);
-}
-
-.k-filtercell > span .k-widget {
-    width: auto;
-}
-
-.k-filtercell .k-filtercell-operator > .k-button.k-clear-button-visible {
-    visibility: visible;
-    height: calc(1.4285714286em + 16px);
-}
-
-.k-filtercell .k-filtercell-operator > .k-button:not(.k-clear-button-visible) {
-    visibility: hidden;
-    pointer-events: none;
-}
-
-.k-filtercell .k-filtercell-operator {
-    margin-left: 5px;
-}
-
-.k-filtercell .k-widget:not(.k-dropdown-operator),
-.k-filtercell .k-filtercell-wrapper > .k-textbox {
-    display: flex;
-    flex: 1 1 auto;
+.k-filtercell > span .k-colorpicker,
+.k-filtercell > span .k-dropdown-operator,
+.k-filtercell .k-filtercell-wrapper .k-colorpicker,
+.k-filtercell .k-filtercell-wrapper .k-dropdown-operator {
+    width: min-content;
+    flex: none;
 }
 
-.k-filtercell .k-filtercell-wrapper > .k-textbox {
-    width: 100%;
-    min-width: 0;
+.k-filtercell > span > .k-button,
+.k-filtercell .k-filtercell-wrapper > .k-button {
+    flex: none;
 }
 
 .k-grid-content,
@@ -27832,15 +27772,17 @@ div.k-grid-norecords {
 
 .k-filter-menu .k-actions, .k-filter-menu .k-edit-buttons,
 .k-filter-menu .k-action-buttons,
-.k-filter-menu .k-columnmenu-actions,
+.k-filter-menu .k-columnmenu-actions, .k-filter-menu .k-form-buttons,
 .k-column-list-wrapper .k-actions,
 .k-column-list-wrapper .k-edit-buttons,
 .k-column-list-wrapper .k-action-buttons,
 .k-column-list-wrapper .k-columnmenu-actions,
+.k-column-list-wrapper .k-form-buttons,
 .k-columnmenu-item-content .k-actions,
 .k-columnmenu-item-content .k-edit-buttons,
 .k-columnmenu-item-content .k-action-buttons,
-.k-columnmenu-item-content .k-columnmenu-actions {
+.k-columnmenu-item-content .k-columnmenu-actions,
+.k-columnmenu-item-content .k-form-buttons {
     margin-top: 4px;
     padding: 8px 16px;
 }
@@ -29749,7 +29691,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
 
 .k-spreadsheet-window .k-actions, .k-spreadsheet-window .k-edit-buttons,
 .k-spreadsheet-window .k-action-buttons,
-.k-spreadsheet-window .k-columnmenu-actions {
+.k-spreadsheet-window .k-columnmenu-actions, .k-spreadsheet-window .k-form-buttons {
     margin: 1em -24px -8px;
 }
 
@@ -32096,7 +32038,7 @@ td.k-editor-content {
 
 .k-editor-find-replace .k-actions, .k-editor-find-replace .k-edit-buttons,
 .k-editor-find-replace .k-action-buttons,
-.k-editor-find-replace .k-columnmenu-actions {
+.k-editor-find-replace .k-columnmenu-actions, .k-editor-find-replace .k-form-buttons {
     padding: 0;
 }