@progress/kendo-theme-fluent 11.1.0 → 11.2.0-dev.1

package/dist/meta/sassdoc-data.json

@@ -32926,6 +32926,33 @@
             "resolvedValue": "var(--kendo-color-border, #8a8886)",
             "resolvedType": "String"
         },
+        {
+            "description": "Тhe opacity of the generating FAB.\n",
+            "commentRange": {
+                "start": 189,
+                "end": 190
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-fab-generating-opacity",
+                "value": "60%",
+                "scope": "default",
+                "line": {
+                    "start": 191,
+                    "end": 191
+                }
+            },
+            "group": [
+                "floating-action-button"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/fab/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "60%",
+            "resolvedType": "Number"
+        },
         {
             "description": "The transformation scale of the Floating Label.\n",
             "commentRange": {
@@ -127464,6 +127491,33 @@
                     },
                     "resolvedValue": "var(--kendo-color-border, #8a8886)",
                     "resolvedType": "String"
+                },
+                {
+                    "description": "Тhe opacity of the generating FAB.\n",
+                    "commentRange": {
+                        "start": 189,
+                        "end": 190
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-fab-generating-opacity",
+                        "value": "60%",
+                        "scope": "default",
+                        "line": {
+                            "start": 191,
+                            "end": 191
+                        }
+                    },
+                    "group": [
+                        "floating-action-button"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/fab/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "60%",
+                    "resolvedType": "Number"
                 }
             ]
         },

package/dist/meta/sassdoc-raw-data.json

@@ -28343,6 +28343,31 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "Тhe opacity of the generating FAB.\n",
+        "commentRange": {
+            "start": 189,
+            "end": 190
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-fab-generating-opacity",
+            "value": "60%",
+            "scope": "default",
+            "line": {
+                "start": 191,
+                "end": 191
+            }
+        },
+        "group": [
+            "floating-action-button"
+        ],
+        "access": "public",
+        "file": {
+            "path": "fab/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The transformation scale of the Floating Label.\n",
         "commentRange": {

package/dist/meta/variables.json

@@ -9829,6 +9829,10 @@
         "type": "String",
         "value": "var(--kendo-color-border, #8a8886)"
     },
+    "kendo-fab-generating-opacity": {
+        "type": "Number",
+        "value": "60%"
+    },
     "kendo-card-padding-x": {
         "type": "String",
         "value": "var(--kendo-spacing-3, 0.75rem)"

package/lib/swatches/all.json

@@ -3,7 +3,7 @@
     "name": "All",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "11.1.0",
+    "version": "11.2.0-dev.1",
     "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": "11.1.0",
+    "version": "11.2.0-dev.1",
     "previewColors": [
         "#1b1a19",
         "#21201f",

package/lib/swatches/fluent-main.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "11.1.0",
+    "version": "11.2.0-dev.1",
     "previewColors": [
         "#ffffff",
         "#faf9f8",

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": "11.1.0",
+  "version": "11.2.0-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -54,12 +54,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.1.0",
-    "@progress/kendo-theme-core": "11.1.0",
-    "@progress/kendo-theme-utils": "11.1.0"
+    "@progress/kendo-theme-core": "11.2.0-dev.1",
+    "@progress/kendo-theme-utils": "11.2.0-dev.1"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "e5cc0b3dc8b0084b8b8832f7c25ab7a92751b5c6"
+  "gitHead": "2bcc49d832b7e73387e77bc5adbb27e05ea341d5"
 }

package/scss/fab/_theme.scss

@@ -44,6 +44,25 @@
             --kendo-fab-border: var( --kendo-fab-selected-border );
         }
 
+        &.k-generating {
+            animation: k-fab-generating 1.5s ease-in-out 0.5s infinite;
+        }
+
+        @keyframes k-fab-generating {
+            0% {
+                background-color: var( --kendo-fab-active-bg );
+                border: var( --kendo-fab-active-bg );
+            }
+            50% {
+                background-color: color-mix(in srgb, var( --kendo-fab-active-bg ) $kendo-fab-generating-opacity, k-color(surface-alt));
+                border: color-mix(in srgb, var( --kendo-fab-active-bg ) $kendo-fab-generating-opacity, k-color(surface-alt));
+            }
+            100% {
+                background-color: var( --kendo-fab-active-bg );
+                border: var( --kendo-fab-active-bg );
+            }
+        }
+
         &:disabled,
         &.k-disabled {
             --kendo-fab-text: var( --kendo-fab-disabled-text );

package/scss/fab/_variables.scss

@@ -185,3 +185,7 @@ $kendo-fab-item-active-bg: k-color(base-active) !default;
 /// The border color of the active FAB item.
 /// @group floating-action-button
 $kendo-fab-item-active-border: k-color(border) !default;
+
+/// Тhe opacity of the generating FAB.
+/// @group floating-action-button
+$kendo-fab-generating-opacity: 60% !default;

package/scss/grid/_layout.scss

@@ -1322,6 +1322,12 @@
     }
     // stylelint-enable declaration-no-important
 
+    // Grid assistant window
+    .k-grid-assistant-window .k-window-content {
+        padding: 0;
+        @include border-bottom-radius( inherit );
+    }
+
     // Column menu
     .k-column-menu-popup,
     .k-grid-columnmenu-popup {

package/scss/index.scss

@@ -109,6 +109,7 @@
 @forward "./pdf-viewer/_index.scss";
 @forward "./scroller/_index.scss";
 @forward "./scrollview/_index.scss";
+@forward "./speech-to-text-button/_index.scss";
 @forward "./prompt/_index.scss";
 @forward "./dataviz/_index.scss";
 @forward "./chart-wizard/_index.scss";
@@ -118,7 +119,6 @@
 @forward "./otp/_index.scss";
 @forward "./column-menu/_index.scss";
 @forward "./marquee/_index.scss";
-@forward "./speech-to-text-button/_index.scss";
 
 
 // Use component modules

package/scss/prompt/_index.scss

@@ -1,6 +1,7 @@
 // Dependencies
 @use "../core/_index.scss" as *;
 @use "../utils/_index.scss" as *;
+@use "../speech-to-text-button/_index.scss" as *;
 
 // Component
 @forward "./_variables.scss";
@@ -11,6 +12,7 @@
 @mixin kendo-prompt--styles() {
     @include import-once( "prompt" ) {
         @include core-styles();
+        @include kendo-speech-to-text-button--styles();
         @include kendo-prompt--layout();
         @include kendo-prompt--theme();
         @include kendo-utils--flex-grid--flex-direction();

package/scss/prompt/_layout.scss

@@ -9,6 +9,7 @@
         flex-direction: column;
         position: relative;
         overflow: hidden;
+        border-radius: inherit;
 
         // Toolbar
         .k-toolbar {
@@ -52,6 +53,7 @@
         align-self: stretch;
     }
 
+    // Remove when k-suggestion is adopted
     .k-prompt-suggestion {
         border-width: 1px;
         border-style: solid;
@@ -71,4 +73,8 @@
         margin: 0;
     }
 
+    // Stop FAB
+    .k-prompt-stop-fab {
+        z-index: 1;
+    }
 }

package/scss/prompt/_theme.scss

@@ -27,6 +27,7 @@
         );
     }
 
+    // Remove when k-suggestion is adopted
     .k-prompt-suggestion {
         @include fill(
             var( --kendo-prompt-suggestion-text, #{$kendo-prompt-suggestion-text} ),