@progress/kendo-theme-fluent 10.3.2-dev.0 → 10.4.0-dev.9

package/dist/meta/variables.json

@@ -10639,7 +10639,7 @@
     },
     "kendo-actionsheet-header-border": {
         "type": "String",
-        "value": "inherit"
+        "value": "var(--kendo-component-border, initial)"
     },
     "kendo-actionsheet-header-shadow": {
         "type": "String",
@@ -10657,6 +10657,26 @@
         "type": "String",
         "value": "var(--kendo-subtle-text, inherit)"
     },
+    "kendo-actionsheet-footer-border-width": {
+        "type": "Number",
+        "value": "1px"
+    },
+    "kendo-actionsheet-footer-bg": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-actionsheet-footer-text": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-actionsheet-footer-border": {
+        "type": "String",
+        "value": "var(--kendo-component-border, initial)"
+    },
+    "kendo-actionsheet-footer-shadow": {
+        "type": "Null",
+        "value": "null"
+    },
     "kendo-actionsheet-item-min-height": {
         "type": "Number",
         "value": "40px"
@@ -10757,10 +10777,6 @@
         "type": "Number",
         "value": "1rem"
     },
-    "kendo-adaptive-actionsheet-header-border-width": {
-        "type": "Number",
-        "value": "1px"
-    },
     "kendo-adaptive-actionsheet-header-padding-y": {
         "type": "String",
         "value": "var(--kendo-spacing-4, 1rem)"
@@ -10769,10 +10785,6 @@
         "type": "String",
         "value": "var(--kendo-spacing-4, 1rem)"
     },
-    "kendo-adaptive-actionsheet-header-border": {
-        "type": "String",
-        "value": "var(--kendo-component-border, initial)"
-    },
     "kendo-adaptive-actionsheet-content-padding-y": {
         "type": "String",
         "value": "var(--kendo-spacing-2, 0.5rem)"

package/lib/swatches/all.json

@@ -3,7 +3,7 @@
     "name": "All",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "10.3.2-dev.0",
+    "version": "10.4.0-dev.9",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/lib/swatches/fluent-main-dark.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "10.3.2-dev.0",
+    "version": "10.4.0-dev.9",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/lib/swatches/fluent-main.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "10.3.2-dev.0",
+    "version": "10.4.0-dev.9",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-fluent",
   "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
-  "version": "10.3.2-dev.0",
+  "version": "10.4.0-dev.9",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -54,12 +54,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.0.0",
-    "@progress/kendo-theme-core": "10.3.2-dev.0",
-    "@progress/kendo-theme-utils": "10.3.2-dev.0"
+    "@progress/kendo-theme-core": "10.4.0-dev.9",
+    "@progress/kendo-theme-utils": "10.4.0-dev.9"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "b32f134d497bb902a0a81960f21468eb2e79b0ab"
+  "gitHead": "0955993e3e23e9b104deae9fef0fc7acbe3d0a51"
 }

package/scss/action-buttons/_layout.scss

@@ -39,6 +39,9 @@
     .k-actions-end {
         justify-content: flex-end;
     }
+    .k-actions-justify {
+        justify-content: space-between;
+    }
     .k-actions-stretched > * {
         flex: 1 0 0%;
     }
@@ -50,5 +53,6 @@
     }
     .k-actions-vertical {
         flex-flow: column nowrap;
+        align-items: normal;
     }
 }

package/scss/action-sheet/_index.scss

@@ -19,7 +19,6 @@
         @include kendo-popup--styles();
         @include kendo-action-sheet--layout();
         @include kendo-action-sheet--theme();
-        @include kendo-utils--layout--overflow();
         @include kendo-utils--typography--text-align();
     }
 }

package/scss/action-sheet/_layout.scss

@@ -71,6 +71,8 @@
         line-height: var( --kendo-actionsheet-line-height, #{$kendo-actionsheet-line-height} );
         overflow: hidden;
         position: relative;
+        display: flex;
+        flex-flow: column nowrap;
 
         *,
         *::before,
@@ -91,10 +93,8 @@
     .k-actionsheet-header {
         padding-inline: var( --kendo-actionsheet-header-padding-x, #{$kendo-actionsheet-header-padding-x} );
         padding-block: var( --kendo-actionsheet-header-padding-y, #{$kendo-actionsheet-header-padding-y} );
-        border-width: 0;
         border-bottom-width: var( --kendo-actionsheet-header-border-width, #{$kendo-actionsheet-header-border-width} );
-        border-style: solid;
-        border-color: transparent;
+        border-bottom-style: solid;
         box-sizing: border-box;
         font-size: var( --kendo-actionsheet-header-font-size, #{$kendo-actionsheet-header-font-size} );
         font-family: var( --kendo-actionsheet-header-font-family, #{$kendo-actionsheet-header-font-family} );
@@ -144,6 +144,8 @@
     // Actionsheet footer
     .k-actionsheet-footer {
         flex: none;
+        border-top-width: $kendo-actionsheet-footer-border-width;
+        border-top-style: solid;
     }
 
 
@@ -262,14 +264,9 @@
         width: 100%;
         font-size: $kendo-adaptive-actionsheet-font-size;
 
-        // TMP: this should be moved to action sheet
-        display: flex;
-        flex-flow: column nowrap;
-
         .k-actionsheet-titlebar {
             padding-inline: var( --kendo-adaptive-actionsheet-header-padding-x, #{$kendo-adaptive-actionsheet-header-padding-x} );
             padding-block: var( --kendo-adaptive-actionsheet-header-padding-y, #{$kendo-adaptive-actionsheet-header-padding-y} );
-            border-bottom-width: var( --kendo-adaptive-actionsheet-header-border-width, #{$kendo-adaptive-actionsheet-header-border-width} );
         }
 
         .k-actionsheet-content {

package/scss/action-sheet/_theme.scss

@@ -19,6 +19,12 @@
         border-color: var( --kendo-actionsheet-header-border, #{$kendo-actionsheet-header-border} );
         @include box-shadow( var( --kendo-actionsheet-header-shadow, #{$kendo-actionsheet-header-shadow} ) );
     }
+    .k-actionsheet-footer {
+        color: var( --kendo-actionsheet-footer-text, #{$kendo-actionsheet-footer-text} );
+        background-color: var( --kendo-actionsheet-footer-bg, #{$kendo-actionsheet-footer-bg} );
+        border-color: var( --kendo-actionsheet-footer-border, #{$kendo-actionsheet-footer-border} );
+        @include box-shadow( var( --kendo-actionsheet-footer-shadow, #{$kendo-actionsheet-footer-shadow} ) );
+    }
     .k-actionsheet-subtitle-text {
         color: var( --kendo-actionsheet-subtitle-text, #{$kendo-actionsheet-subtitle-text} );
     }
@@ -94,9 +100,4 @@
         border-color: var( --kendo-actionsheet-border, #{$kendo-actionsheet-border} );
     }
 
-    // Adaptive Actionsheet
-    .k-adaptive-actionsheet .k-actionsheet-titlebar {
-            border-color: var( --kendo-adaptive-actionsheet-header-border, #{$kendo-adaptive-actionsheet-header-border} );
-    }
-
 }

package/scss/action-sheet/_variables.scss

@@ -81,7 +81,7 @@ $kendo-actionsheet-header-bg: inherit !default;
 $kendo-actionsheet-header-text: inherit !default;
 /// Border color of the action sheet header.
 /// @group action-sheet
-$kendo-actionsheet-header-border: inherit !default;
+$kendo-actionsheet-header-border: var( --kendo-component-border, initial ) !default;
 /// Box shadow of the action sheet header.
 /// @group action-sheet
 $kendo-actionsheet-header-shadow: none !default;
@@ -96,6 +96,23 @@ $kendo-actionsheet-subtitle-line-height: var( --kendo-line-height-sm, inherit )
 /// @group action-sheet
 $kendo-actionsheet-subtitle-text: var( --kendo-subtle-text, inherit ) !default;
 
+/// Border width of the action sheet footer.
+/// @group action-sheet
+$kendo-actionsheet-footer-border-width: 1px !default;
+
+/// Background color of the action sheet footer.
+/// @group action-sheet
+$kendo-actionsheet-footer-bg: null !default;
+/// Text color of the action sheet footer.
+/// @group action-sheet
+$kendo-actionsheet-footer-text: null !default;
+/// Border color of the action sheet footer.
+/// @group action-sheet
+$kendo-actionsheet-footer-border: var( --kendo-component-border, initial ) !default;
+/// Box shadow of the action sheet footer.
+/// @group action-sheet
+$kendo-actionsheet-footer-shadow: null !default;
+
 /// Minimum height of the action sheet item.
 /// @group action-sheet
 $kendo-actionsheet-item-min-height: 40px !default;
@@ -182,18 +199,12 @@ $kendo-actionsheet-item-disabled-border: var( --kendo-disabled-border, inherit )
 /// Font size of the adaptive action sheet.
 $kendo-adaptive-actionsheet-font-size: $kendo-font-size-lg !default;
 
-/// Border width of the adaptive action sheet titlebar.
-/// @group action-sheet
-$kendo-adaptive-actionsheet-header-border-width: 1px !default;
 /// Vertical padding of the adaptive action sheet titlebar.
 /// @group action-sheet
 $kendo-adaptive-actionsheet-header-padding-y: k-spacing(4) !default;
 /// Horizontal padding of the adaptive action sheet titlebar.
 /// @group action-sheet
 $kendo-adaptive-actionsheet-header-padding-x: $kendo-adaptive-actionsheet-header-padding-y !default;
-/// Text color of the adaptive action sheet titlebar.
-/// @group action-sheet
-$kendo-adaptive-actionsheet-header-border: var( --kendo-component-border, initial ) !default;
 
 /// Vertical padding of the adaptive action sheet content.
 /// @group action-sheet

package/scss/grid/_layout.scss

@@ -1241,6 +1241,27 @@
                 align-items: center;
             }
         }
+
+        .k-columnmenu-indicators {
+            padding-inline: k-spacing(1);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        // TODO: Check if k-columnmenu-item should not be flex by default
+        .k-columnmenu-item:has(> .k-columnmenu-item-actions, > .k-columnmenu-indicators) {
+            display: flex;
+            align-items: center;
+        }
+
+        .k-columnmenu-drag-handle {
+            margin-inline-end: k-spacing(1.5);
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            cursor: move;
+        }
     }
     .k-column-menu-tabbed {
         border-radius: var( --kendo-tabstrip-item-border-radius, #{$kendo-tabstrip-item-border-radius} ) var( --kendo-tabstrip-item-border-radius, #{$kendo-tabstrip-item-border-radius} ) 0 0;
@@ -1314,7 +1335,8 @@
         }
     }
 
-    .k-columnmenu-item-wrapper + .k-columnmenu-item-wrapper {
+    .k-columnmenu-item-wrapper + .k-columnmenu-item-wrapper,
+    .k-column-menu-footer {
         border-top: 1px solid;
         border-top-color: var( --kendo-component-border, inherit );
     }

package/scss/grid/_theme.scss

@@ -483,4 +483,7 @@
 
     }
 
+    .k-columnmenu-indicators {
+        @include fill( $color: var( --kendo-grid-sort-indicator-order-text, #{$kendo-grid-sort-indicator-order-text} ) );
+    }
 }

package/scss/pdf-viewer/_layout.scss

@@ -166,6 +166,13 @@
                     width: 100%;
                     height: 100%;
                 }
+
+                .k-text-widget-annotation .k-annotation-content {
+                    position: absolute;
+                    width: 100%;
+                    height: 100%;
+                    pointer-events: none;
+                }
             }
 
             .k-annotation-editor-layer {