@progress/kendo-theme-fluent 14.5.1-dev.4 → 14.5.1-dev.6

package/dist/meta/sassdoc-data.json

@@ -37029,6 +37029,33 @@
             "resolvedValue": "var(--kendo-floating-label-invalid-text, var(--kendo-color-error-on-surface))",
             "resolvedType": "String"
         },
+        {
+            "description": "The border radius of the floating Toolbar.\n",
+            "commentRange": {
+                "start": 4,
+                "end": 5
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-floating-toolbar-border-radius",
+                "value": "var( --kendo-floating-toolbar-border-radius, #{k-border-radius(md)} )",
+                "scope": "default",
+                "line": {
+                    "start": 6,
+                    "end": 6
+                }
+            },
+            "group": [
+                "floating-toolbar"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/floating-toolbar/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-floating-toolbar-border-radius, var(--kendo-border-radius-md))",
+            "resolvedType": "String"
+        },
         {
             "description": "The default size of the Form.\n",
             "commentRange": {
@@ -94134,33 +94161,6 @@
             "resolvedValue": "var(--kendo-toolbar-item-focus-outline-color, var(--kendo-color-base-emphasis))",
             "resolvedType": "String"
         },
-        {
-            "description": "The border radius of the floating Toolbar.\n",
-            "commentRange": {
-                "start": 132,
-                "end": 133
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-floating-toolbar-border-radius",
-                "value": "var( --kendo-floating-toolbar-border-radius, #{k-border-radius(md)} )",
-                "scope": "default",
-                "line": {
-                    "start": 134,
-                    "end": 134
-                }
-            },
-            "group": [
-                "toolbar"
-            ],
-            "access": "public",
-            "file": {
-                "path": "fluent/scss/toolbar/_variables.scss",
-                "name": "_variables.scss"
-            },
-            "resolvedValue": "var(--kendo-floating-toolbar-border-radius, var(--kendo-border-radius-md))",
-            "resolvedType": "String"
-        },
         {
             "description": "The border radius of the Tooltip.\n",
             "commentRange": {
@@ -142118,6 +142118,39 @@
                 }
             ]
         },
+        {
+            "id": "floating-toolbar",
+            "title": "FloatingToolbar",
+            "variables": [
+                {
+                    "description": "The border radius of the floating Toolbar.\n",
+                    "commentRange": {
+                        "start": 4,
+                        "end": 5
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-floating-toolbar-border-radius",
+                        "value": "var( --kendo-floating-toolbar-border-radius, #{k-border-radius(md)} )",
+                        "scope": "default",
+                        "line": {
+                            "start": 6,
+                            "end": 6
+                        }
+                    },
+                    "group": [
+                        "floating-toolbar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/floating-toolbar/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-floating-toolbar-border-radius, var(--kendo-border-radius-md))",
+                    "resolvedType": "String"
+                }
+            ]
+        },
         {
             "id": "form",
             "title": "Form",
@@ -200109,33 +200142,6 @@
                     "resolvedValue": "var(--kendo-toolbar-item-focus-outline-color, var(--kendo-color-base-emphasis))",
                     "resolvedType": "String"
                 },
-                {
-                    "description": "The border radius of the floating Toolbar.\n",
-                    "commentRange": {
-                        "start": 132,
-                        "end": 133
-                    },
-                    "context": {
-                        "type": "variable",
-                        "name": "kendo-floating-toolbar-border-radius",
-                        "value": "var( --kendo-floating-toolbar-border-radius, #{k-border-radius(md)} )",
-                        "scope": "default",
-                        "line": {
-                            "start": 134,
-                            "end": 134
-                        }
-                    },
-                    "group": [
-                        "toolbar"
-                    ],
-                    "access": "public",
-                    "file": {
-                        "path": "fluent/scss/toolbar/_variables.scss",
-                        "name": "_variables.scss"
-                    },
-                    "resolvedValue": "var(--kendo-floating-toolbar-border-radius, var(--kendo-border-radius-md))",
-                    "resolvedType": "String"
-                },
                 {
                     "description": "The sizes map of the ToolBar.\n",
                     "commentRange": {

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

@@ -34169,6 +34169,31 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The border radius of the floating Toolbar.\n",
+        "commentRange": {
+            "start": 4,
+            "end": 5
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-floating-toolbar-border-radius",
+            "value": "var( --kendo-floating-toolbar-border-radius, #{k-border-radius(md)} )",
+            "scope": "default",
+            "line": {
+                "start": 6,
+                "end": 6
+            }
+        },
+        "group": [
+            "floating-toolbar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "floating-toolbar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The default size of the Form.\n",
         "commentRange": {
@@ -86795,31 +86820,6 @@
             "name": "_variables.scss"
         }
     },
-    {
-        "description": "The border radius of the floating Toolbar.\n",
-        "commentRange": {
-            "start": 132,
-            "end": 133
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-floating-toolbar-border-radius",
-            "value": "var( --kendo-floating-toolbar-border-radius, #{k-border-radius(md)} )",
-            "scope": "default",
-            "line": {
-                "start": 134,
-                "end": 134
-            }
-        },
-        "group": [
-            "toolbar"
-        ],
-        "access": "public",
-        "file": {
-            "path": "toolbar/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
     {
         "description": "The border radius of the Tooltip.\n",
         "commentRange": {

package/dist/meta/variables.json

@@ -7028,10 +7028,6 @@
             }
         }
     },
-    "kendo-floating-toolbar-border-radius": {
-        "type": "String",
-        "value": "var(--kendo-floating-toolbar-border-radius, var(--kendo-border-radius-md))"
-    },
     "kendo-toolbar-item-focus-outline-width": {
         "type": "String",
         "value": "var(--kendo-toolbar-item-focus-outline-width, 1px)"
@@ -7044,6 +7040,10 @@
         "type": "String",
         "value": "var(--kendo-toolbar-item-focus-outline-color, var(--kendo-color-base-emphasis))"
     },
+    "kendo-floating-toolbar-border-radius": {
+        "type": "String",
+        "value": "var(--kendo-floating-toolbar-border-radius, var(--kendo-border-radius-md))"
+    },
     "kendo-form-default-size": {
         "type": "String",
         "value": "\"md\""

package/lib/swatches/all.json

@@ -3,7 +3,7 @@
     "name": "All",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "14.5.1-dev.4",
+    "version": "14.5.1-dev.6",
     "api": "modern",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",

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

@@ -3,7 +3,7 @@
     "name": "Fluent 1 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "14.5.1-dev.4",
+    "version": "14.5.1-dev.6",
     "previewColors": [
         "oklch(21.85% 0.0025 67.57deg)",
         "oklch(24.42% 0.0024 67.57deg)",

package/lib/swatches/fluent-1.json

@@ -3,7 +3,7 @@
     "name": "Fluent 1",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "14.5.1-dev.4",
+    "version": "14.5.1-dev.6",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(98.26% 0.0016 66.88deg)",

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

@@ -3,7 +3,7 @@
     "name": "Fluent Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "14.5.1-dev.4",
+    "version": "14.5.1-dev.6",
     "previewColors": [
         "oklch(23.93% 0.0000 0deg)",
         "oklch(28.09% 0.0000 0deg)",

package/lib/swatches/fluent-main.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "14.5.1-dev.4",
+    "version": "14.5.1-dev.6",
     "previewColors": [
         "oklch(98.51% 0.0001 0deg)",
         "oklch(100.00% 0.0001 0deg)",

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": "14.5.1-dev.4",
+  "version": "14.5.1-dev.6",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -54,8 +54,8 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "5.5.0-dev.0",
-    "@progress/kendo-theme-core": "14.5.1-dev.4",
-    "@progress/kendo-theme-utils": "14.5.1-dev.4"
+    "@progress/kendo-theme-core": "14.5.1-dev.6",
+    "@progress/kendo-theme-utils": "14.5.1-dev.6"
   },
   "directories": {
     "doc": "docs",

package/scss/floating-toolbar/_index.scss

@@ -0,0 +1,20 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../popup/_index.scss" as *;
+@use "../toolbar/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-floating-toolbar--styles() {
+    @include import-once( "floating-toolbar" ) {
+        @include core-styles();
+        @include kendo-popup--styles();
+        @include kendo-toolbar--styles();
+        @include kendo-floating-toolbar--layout();
+        @include kendo-floating-toolbar--theme();
+    }
+}

package/scss/floating-toolbar/_layout.scss

@@ -0,0 +1,7 @@
+@use "../core/_index.scss" as *;
+@use "./_variables.scss" as *;
+@use "@progress/kendo-theme-core/scss/components/floating-toolbar/_layout.scss" as *;
+
+@mixin kendo-floating-toolbar--layout() {
+    @include kendo-floating-toolbar--layout-base();
+}

package/scss/floating-toolbar/_theme.scss

@@ -0,0 +1,5 @@
+@use "@progress/kendo-theme-core/scss/components/floating-toolbar/_theme.scss" as *;
+
+@mixin kendo-floating-toolbar--theme() {
+    @include kendo-floating-toolbar--theme-base();
+}

package/scss/floating-toolbar/_variables.scss

@@ -0,0 +1,10 @@
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.scss" as *;
+
+/// The border radius of the floating Toolbar.
+/// @group floating-toolbar
+$kendo-floating-toolbar-border-radius: var( --kendo-floating-toolbar-border-radius, #{k-border-radius(md)} ) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/floating-toolbar/_variables.scss" with (
+    $kendo-floating-toolbar-border-radius: $kendo-floating-toolbar-border-radius
+);

package/scss/index.scss

@@ -43,6 +43,7 @@
 @forward "./menu-button/_index.scss";
 @forward "./split-button/_index.scss";
 @forward "./toolbar/_index.scss";
+@forward "./floating-toolbar/_index.scss";
 @forward "./forms/_index.scss";
 @forward "./validator/_index.scss";
 @forward "./calendar/_index.scss";
@@ -228,6 +229,7 @@
 @use "./fab/index.scss" as *;
 @use "./menu/index.scss" as *;
 @use "./toolbar/index.scss" as *;
+@use "./floating-toolbar/index.scss" as *;
 
 
 // Popups and modals
@@ -410,6 +412,7 @@
     @include kendo-fab--styles();
     @include kendo-menu--styles();
     @include kendo-toolbar--styles();
+    @include kendo-floating-toolbar--styles();
 
 
     // Popups and modals

package/scss/toolbar/_variables.scss

@@ -129,10 +129,6 @@ $kendo-toolbar-item-focus-outline-style: var( --kendo-toolbar-item-focus-outline
 /// @group toolbar
 $kendo-toolbar-item-focus-outline-color: var( --kendo-toolbar-item-focus-outline-color, #{k-color(base-emphasis)} ) !default;
 
-/// The border radius of the floating Toolbar.
-/// @group toolbar
-$kendo-floating-toolbar-border-radius: var( --kendo-floating-toolbar-border-radius, #{k-border-radius(md)} ) !default;
-
 @forward "@progress/kendo-theme-core/scss/components/toolbar/_variables.scss" with (
     $kendo-toolbar-default-fill-mode: $kendo-toolbar-default-fill-mode,
     $kendo-toolbar-default-size: $kendo-toolbar-default-size,
@@ -166,6 +162,5 @@ $kendo-floating-toolbar-border-radius: var( --kendo-floating-toolbar-border-radi
     $kendo-toolbar-flat-scroll-overlay: $kendo-toolbar-flat-scroll-overlay,
     $kendo-toolbar-separator-border: $kendo-toolbar-separator-border,
     $kendo-toolbar-input-width: $kendo-toolbar-input-width,
-    $kendo-toolbar-smart-box-min-width: $kendo-toolbar-smart-box-min-width,
-    $kendo-floating-toolbar-border-radius: $kendo-floating-toolbar-border-radius
+    $kendo-toolbar-smart-box-min-width: $kendo-toolbar-smart-box-min-width
 );