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

package/modules/@progress/kendo-theme-default/scss/forms/_layout.scss

@@ -106,7 +106,6 @@
         }
 
         .k-form-field,
-        .k-form-buttons,
         .k-daterangepicker .k-textbox-container {
             margin-top: $form-field-margin-top;
         }
@@ -170,15 +169,9 @@
 
     // Form Buttons Container
     .k-form-buttons {
-        display: flex;
-
-        > * {
-            margin-right: $form-button-margin-x;
-
-            &:last-child {
-                margin-right: 0;
-            }
-        }
+        @extend .k-actions;
+        margin-top: 2 * $form-field-margin-top;
+        padding: 0;
     }
 
     // Form Hint/Error Messages
@@ -235,28 +228,12 @@
             max-width: $horizontal-form-field-wrap-max-width;
             flex: 1 1 auto;
         }
-
-        .k-form-buttons {
-            margin-top: 2 * $form-field-margin-top;
-        }
     }
 
     // RTL Adjustments
     .k-form {
         [dir="rtl"],
         .k-rtl & {
-            .k-form-buttons,
-            &.k-form-buttons {
-                > * {
-                    margin-right: 0;
-                    margin-left: $form-button-margin-x;
-
-                    &:last-child {
-                        margin-left: 0;
-                    }
-                }
-            }
-
             .k-label-optional {
                 margin-left: 0;
                 margin-right: $label-optional-margin-x;

package/modules/@progress/kendo-theme-default/scss/grid/_layout.scss

@@ -320,11 +320,6 @@
                 border-right-width: 0;
             }
 
-            .k-filtercell-operator {
-                margin-left: 0;
-                margin-right: $table-cell-padding-y / 2;
-            }
-
             .k-dirty {
                 border-color: currentColor currentColor transparent transparent;
                 left: auto;
@@ -757,77 +752,38 @@
         .k-multiselect {
             height: auto;
         }
-
-        .k-filtercell .k-widget.k-sized-input {
-            flex: 0 1 auto;
-        }
     }
 
     .k-filtercell {
         width: auto;
         display: flex;
+        flex-flow: row nowrap;
+        align-items: center;
 
         > span,
         .k-filtercell-wrapper {
             display: flex;
+            flex-flow: row nowrap;
+            align-items: center;
+            gap: ( $grid-cell-padding-y / 2 );
             flex: 1 1 auto;
 
-            > label {
-                vertical-align: middle;
-            }
-        }
-
-        .k-filtercell-wrapper > .k-widget {
-            width: 100%;
-        }
-
-        > span {
-            .k-button {
-                visibility: visible;
-                pointer-events: all;
+            > .k-widget,
+            > .k-textbox {
+                width: 100%;
             }
 
-            .k-button,
+            .k-colorpicker,
             .k-dropdown-operator {
-                margin-left: $grid-cell-padding-y / 2;
-
-                .k-ie & {
-                    min-width: $button-inner-calc-size;
-                }
-            }
-
-            .k-widget {
-                width: auto;
-            }
-        }
-
-        .k-filtercell-operator {
-            > .k-button.k-clear-button-visible {
-                visibility: visible;
-                height: $button-calc-size;
+                width: min-content;
+                flex: none;
             }
 
-            > .k-button:not(.k-clear-button-visible) {
-                visibility: hidden;
-                pointer-events: none;
+            > .k-button {
+                flex: none;
             }
         }
 
-        .k-filtercell-operator {
-            margin-left: $grid-cell-padding-y / 2;
-        }
-
-        .k-widget:not(.k-dropdown-operator),
-        .k-filtercell-wrapper > .k-textbox {
-            display: flex;
-            flex: 1 1 auto;
-        }
-
-        .k-filtercell-wrapper > .k-textbox {
-            width: 100%;
-            min-width: 0;
-        }
-
     }
 
     // Grid content

package/modules/@progress/kendo-theme-default/scss/tabstrip/_variables.scss

@@ -86,10 +86,10 @@ $tabstrip-indicator-color: null !default;
 
 /// Horizontal padding of tabstrip content
 /// @group tabstrip
-$tabstrip-content-padding-x: $tabstrip-item-padding-x !default;
+$tabstrip-content-padding-x: map-get( $spacing, 4 ) !default;
 /// Vertical padding of tabstrip content
 /// @group tabstrip
-$tabstrip-content-padding-y: $tabstrip-item-padding-y !default;
+$tabstrip-content-padding-y: map-get( $spacing, 4 ) !default;
 /// Width of border around tabstrip content
 /// @group tabstrip
 $tabstrip-content-border-width: 1px !default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-material",
   "description": "Material theme for Kendo UI",
-  "version": "4.43.0",
+  "version": "4.43.1-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -51,7 +51,7 @@
     "postpublish": "rm -rf modules && git checkout scss"
   },
   "dependencies": {
-    "@progress/kendo-theme-default": "^4.43.0"
+    "@progress/kendo-theme-default": "^4.43.1-dev.0"
   },
-  "gitHead": "8841c18b8c8f2b159bcd5ed316ce283c5de2fd7c"
+  "gitHead": "e315a28dad00d287edbdf58668becda3d815504f"
 }

package/scss/button/_variables.scss

@@ -1,17 +1,17 @@
 // Button
 
 /// Width of border around buttons
-/// @group buttons
+/// @group button
 $button-border-width: 0px !default;
 /// Border radius of buttons
-/// @group buttons
+/// @group button
 $button-border-radius: $border-radius !default;
 
 /// Horizontal padding of buttons
-/// @group buttons
+/// @group button
 $button-padding-x: $padding-x !default;
 /// Vertical padding of buttons
-/// @group buttons
+/// @group button
 $button-padding-y: 8px !default;
 $button-font-family: $font-family !default;
 $button-font-size: $font-size !default;
@@ -25,63 +25,63 @@ $button-calc-size: calc( #{$button-line-height * 1em} + #{$button-padding-y * 2}
 $button-inner-calc-size: calc( #{$button-line-height * 1em} + #{$button-padding-y * 2} ) !default;
 
 /// The background of the buttons.
-/// @group buttons
+/// @group button
 $button-bg: $base-bg !default;
 /// The text color of the buttons.
-/// @group buttons
+/// @group button
 $button-text: $base-text !default;
 /// The border color of the buttons.
-/// @group buttons
+/// @group button
 $button-border: $button-bg !default;
 /// The background gradient of the buttons.
-/// @group buttons
+/// @group button
 $button-gradient: null !default;
 $button-shadow: $box-shadow-depth-2 !default;
 
 /// The background of hovered buttons.
-/// @group buttons
+/// @group button
 $button-hovered-bg: null !default;
 /// The text color of hovered buttons.
-/// @group buttons
+/// @group button
 $button-hovered-text: null !default;
 /// The border color of hovered buttons.
-/// @group buttons
+/// @group button
 $button-hovered-border: null !default;
 /// The background gradient of hovered buttons.
-/// @group buttons
+/// @group button
 $button-hovered-gradient: null !default;
 $button-hovered-shadow: null !default;
 
 /// The background color of active buttons.
-/// @group buttons
+/// @group button
 $button-active-bg: null !default;
 /// The text color of active buttons.
-/// @group buttons
+/// @group button
 $button-active-text: null !default;
 /// The border color of active buttons.
-/// @group buttons
+/// @group button
 $button-active-border: null !default;
 /// The background gradient of active buttons.
-/// @group buttons
+/// @group button
 $button-active-gradient: null !default;
 $button-active-shadow: $box-shadow-depth-3 !default;
 
 /// The background color of selected buttons.
-/// @group buttons
+/// @group button
 $button-selected-bg: $button-active-bg !default;
 /// The text color of selected buttons.
-/// @group buttons
+/// @group button
 $button-selected-text: $button-active-text !default;
 /// The border color of selected buttons.
-/// @group buttons
+/// @group button
 $button-selected-border: $button-active-bg !default;
 /// The background gradient of selected buttons.
-/// @group buttons
+/// @group button
 $button-selected-gradient: null !default;
 $button-selected-shadow: null !default;
 
 /// The shadow of focused buttons.
-/// @group buttons
+/// @group button
 $button-focused-shadow: null !default;
 
 

package/scss/forms/_index.scss

@@ -7,7 +7,7 @@
 @import "../button/_variables.scss";
 @import "../input/_variables.scss";
 @import "../toolbar/_index.scss";
-@import "../action-buttons/_variables.scss";
+@import "../action-buttons/_index.scss";
 @import "../window/_variables.scss";
 
 

package/scss/tabstrip/_variables.scss

@@ -86,10 +86,10 @@ $tabstrip-indicator-color: $primary !default;
 
 /// Horizontal padding of tabstrip content
 /// @group tabstrip
-$tabstrip-content-padding-x: $tabstrip-item-padding-x !default;
+$tabstrip-content-padding-x: map-get( $spacing, 4 ) !default;
 /// Vertical padding of tabstrip content
 /// @group tabstrip
-$tabstrip-content-padding-y: $tabstrip-item-padding-y !default;
+$tabstrip-content-padding-y: map-get( $spacing, 4 ) !default;
 /// Width of border around tabstrip content
 /// @group tabstrip
 $tabstrip-content-border-width: 0px !default;