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

package/dist/all.scss

@@ -7486,17 +7486,17 @@ $badge-dot-size-lg: 12px !default;
 // 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;
@@ -7510,63 +7510,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;
 
 
@@ -12020,7 +12020,23 @@ $toolbar-separator-border: $component-border !default;
 // #endregion
 
 // #endregion
-// #region @import "../action-buttons/_variables.scss"; -> packages/material/scss/action-buttons/_variables.scss
+// #region @import "../action-buttons/_index.scss"; -> packages/material/scss/action-buttons/_index.scss
+// #region @import "../core/_index.scss"; -> packages/material/scss/core/_index.scss
+// File already imported_once. Skipping output.
+// #endregion
+
+
+// Dependencies
+// #region @import "../common/_index.scss"; -> packages/material/scss/common/_index.scss
+// File already imported_once. Skipping output.
+// #endregion
+// #region @import "../button/_index.scss"; -> packages/material/scss/button/_index.scss
+// File already imported_once. Skipping output.
+// #endregion
+
+
+// Component
+// #region @import "_variables.scss"; -> packages/material/scss/action-buttons/_variables.scss
 // Actions
 $actions-margin-top: map-get( $spacing, 4 ) !default;
 $actions-padding-x: map-get( $spacing, 2 ) !default;
@@ -12033,6 +12049,123 @@ $actions-text: null !default;
 $actions-border: null !default;
 $actions-gradient: null !default;
 
+// #endregion
+// #region @import "_layout.scss"; -> packages/material/scss/action-buttons/_layout.scss
+// #region @import "~@progress/kendo-theme-default/scss/action-buttons/_layout.scss"; -> packages/material/node_modules/@progress/kendo-theme-default/scss/action-buttons/_layout.scss
+@include exports("action-buttons/layout") {
+
+    .k-actions {
+        padding: $actions-padding-y $actions-padding-x;
+        border-width: $actions-border-width 0 0 0;
+        border-style: solid;
+        border-color: inherit;
+        flex-shrink: 0;
+        display: flex;
+        flex-flow: row nowrap;
+        align-items: center;
+        gap: $actions-button-spacing;
+        overflow: hidden;
+        // TODO: remove
+        clear: both;
+    }
+
+
+    // Actions in popup
+    .k-popup .k-actions {
+        margin-top: $actions-margin-top;
+    }
+
+
+    // Aliases
+    .k-edit-buttons,
+    .k-action-buttons,
+    .k-columnmenu-actions {
+        @extend .k-actions;
+    }
+
+
+    // Legacy spacing
+    .k-ie {
+        .k-actions .k-button ~ .k-button {
+            margin-left: $actions-button-spacing;
+            flex-shrink: 0;
+
+            .k-rtl &,
+            [dir="rtl"] & {
+                margin-left: 0;
+                margin-right: $actions-button-spacing;
+            }
+        }
+    }
+
+    // Actions align
+    .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%;
+    }
+
+    // Actions orientation
+    .k-actions-horizontal {
+        width: 100%;
+        flex-flow: row nowrap;
+    }
+    .k-actions-vertical {
+        flex-flow: column nowrap;
+    }
+
+}
+
+// #endregion
+
+@include exports("action-buttons/layout/material") {
+
+    .k-actions {
+        .k-button {
+            @include box-shadow( none );
+        }
+    }
+
+}
+
+// #endregion
+// #region @import "_theme.scss"; -> packages/material/scss/action-buttons/_theme.scss
+// #region @import "~@progress/kendo-theme-default/scss/action-buttons/_theme.scss"; -> packages/material/node_modules/@progress/kendo-theme-default/scss/action-buttons/_theme.scss
+@include exports("action-buttons/theme") {
+
+    .k-actions {
+        @include fill(
+            $actions-text,
+            $actions-bg,
+            $actions-border,
+            $actions-gradient
+        );
+    }
+
+}
+
+// #endregion
+
+@include exports("action-buttons/theme/material") {
+
+    .k-actions {
+        .k-button:not(.k-primary),
+        .k-button-secondary {
+            background-color: try-shade( $button-bg );
+        }
+    }
+
+}
+
+// #endregion
+
 // #endregion
 // #region @import "../window/_variables.scss"; -> packages/material/scss/window/_variables.scss
 // Window
@@ -12197,7 +12330,6 @@ $window-sizes: (
         }
 
         .k-form-field,
-        .k-form-buttons,
         .k-daterangepicker .k-textbox-container {
             margin-top: $form-field-margin-top;
         }
@@ -12261,15 +12393,9 @@ $window-sizes: (
 
     // 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
@@ -12326,28 +12452,12 @@ $window-sizes: (
             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;
@@ -18149,140 +18259,7 @@ $colorgradient-contrast-spacer: map-get( $spacing, 2 ) !default;
 // File already imported_once. Skipping output.
 // #endregion
 // #region @import "../action-buttons/_index.scss"; -> packages/material/scss/action-buttons/_index.scss
-// #region @import "../core/_index.scss"; -> packages/material/scss/core/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
-
-
-// Dependencies
-// #region @import "../common/_index.scss"; -> packages/material/scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
-// #region @import "../button/_index.scss"; -> packages/material/scss/button/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
-
-
-// Component
-// #region @import "_variables.scss"; -> packages/material/scss/action-buttons/_variables.scss
 // File already imported_once. Skipping output.
-// #endregion
-// #region @import "_layout.scss"; -> packages/material/scss/action-buttons/_layout.scss
-// #region @import "~@progress/kendo-theme-default/scss/action-buttons/_layout.scss"; -> packages/material/node_modules/@progress/kendo-theme-default/scss/action-buttons/_layout.scss
-@include exports("action-buttons/layout") {
-
-    .k-actions {
-        padding: $actions-padding-y $actions-padding-x;
-        border-width: $actions-border-width 0 0 0;
-        border-style: solid;
-        border-color: inherit;
-        flex-shrink: 0;
-        display: flex;
-        flex-flow: row nowrap;
-        align-items: center;
-        gap: $actions-button-spacing;
-        overflow: hidden;
-        // TODO: remove
-        clear: both;
-    }
-
-
-    // Actions in popup
-    .k-popup .k-actions {
-        margin-top: $actions-margin-top;
-    }
-
-
-    // Aliases
-    .k-edit-buttons,
-    .k-action-buttons,
-    .k-columnmenu-actions {
-        @extend .k-actions;
-    }
-
-
-    // Legacy spacing
-    .k-ie {
-        .k-actions .k-button ~ .k-button {
-            margin-left: $actions-button-spacing;
-            flex-shrink: 0;
-
-            .k-rtl &,
-            [dir="rtl"] & {
-                margin-left: 0;
-                margin-right: $actions-button-spacing;
-            }
-        }
-    }
-
-    // Actions align
-    .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%;
-    }
-
-    // Actions orientation
-    .k-actions-horizontal {
-        width: 100%;
-        flex-flow: row nowrap;
-    }
-    .k-actions-vertical {
-        flex-flow: column nowrap;
-    }
-
-}
-
-// #endregion
-
-@include exports("action-buttons/layout/material") {
-
-    .k-actions {
-        .k-button {
-            @include box-shadow( none );
-        }
-    }
-
-}
-
-// #endregion
-// #region @import "_theme.scss"; -> packages/material/scss/action-buttons/_theme.scss
-// #region @import "~@progress/kendo-theme-default/scss/action-buttons/_theme.scss"; -> packages/material/node_modules/@progress/kendo-theme-default/scss/action-buttons/_theme.scss
-@include exports("action-buttons/theme") {
-
-    .k-actions {
-        @include fill(
-            $actions-text,
-            $actions-bg,
-            $actions-border,
-            $actions-gradient
-        );
-    }
-
-}
-
-// #endregion
-
-@include exports("action-buttons/theme/material") {
-
-    .k-actions {
-        .k-button:not(.k-primary),
-        .k-button-secondary {
-            background-color: try-shade( $button-bg );
-        }
-    }
-
-}
-
-// #endregion
-
 // #endregion
 // #region @import "../color-preview/_index.scss"; -> packages/material/scss/color-preview/_index.scss
 // File already imported_once. Skipping output.
@@ -28776,10 +28753,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;
@@ -31717,11 +31694,6 @@ $grid-group-dropclue-top: calc( ( #{$button-calc-size} + #{$grid-grouping-header
                 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;
@@ -32154,77 +32126,38 @@ $grid-group-dropclue-top: calc( ( #{$button-calc-size} + #{$grid-grouping-header
         .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;
-                }
+                width: min-content;
+                flex: none;
             }
 
-            .k-widget {
-                width: auto;
-            }
-        }
-
-        .k-filtercell-operator {
-            > .k-button.k-clear-button-visible {
-                visibility: visible;
-                height: $button-calc-size;
-            }
-
-            > .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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "4.43.0",
+  "version": "4.43.1-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -47,5 +47,5 @@
     "dart:flat": "gulp dart:flat",
     "prepublishOnly": "echo 'no prebublish for default theme'"
   },
-  "gitHead": "8841c18b8c8f2b159bcd5ed316ce283c5de2fd7c"
+  "gitHead": "e315a28dad00d287edbdf58668becda3d815504f"
 }

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

@@ -1,17 +1,17 @@
 // Button
 
 /// Width of border around buttons
-/// @group buttons
+/// @group button
 $button-border-width: 1px !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: $padding-y !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: #f5f5f5 !default;
 /// The text color of the buttons.
-/// @group buttons
+/// @group button
 $button-text: #424242 !default;
 /// The border color of the buttons.
-/// @group buttons
+/// @group button
 $button-border: rgba( black, .08 ) !default;
 /// The background gradient of the buttons.
-/// @group buttons
+/// @group button
 $button-gradient: rgba( black, 0 ), rgba( black, .02 ) !default;
 $button-shadow: null !default;
 
 /// The background of hovered buttons.
-/// @group buttons
+/// @group button
 $button-hovered-bg: try-shade( $button-bg, .5 ) !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: try-shade( $button-bg, 1.5 ) !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: null !default;
 
 /// The background color of selected buttons.
-/// @group buttons
+/// @group button
 $button-selected-bg: $primary !default;
 /// The text color of selected buttons.
-/// @group buttons
+/// @group button
 $button-selected-text: contrast-wcag( $button-selected-bg ) !default;
 /// The border color of selected buttons.
-/// @group buttons
+/// @group button
 $button-selected-border: $button-selected-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: 0 0 0 2px rgba( $button-border, .08 ) !default;
 
 

package/modules/@progress/kendo-theme-default/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";