@progress/kendo-theme-meridian 14.5.1-dev.4 → 14.5.1-dev.5

package/dist/meta/sassdoc-data.json

@@ -36936,6 +36936,33 @@
             "resolvedValue": "null",
             "resolvedType": "Null"
         },
+        {
+            "description": "The border radius of the floating Toolbar.\n",
+            "commentRange": {
+                "start": 3,
+                "end": 4
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-floating-toolbar-border-radius",
+                "value": "k-border-radius(xxl)",
+                "scope": "default",
+                "line": {
+                    "start": 5,
+                    "end": 5
+                }
+            },
+            "group": [
+                "floating-toolbar"
+            ],
+            "access": "public",
+            "file": {
+                "path": "meridian/scss/floating-toolbar/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-border-radius-xxl)",
+            "resolvedType": "String"
+        },
         {
             "description": "The default size of the Form.\n",
             "commentRange": {
@@ -95855,33 +95882,6 @@
             "resolvedValue": "var(--kendo-spacing-2)",
             "resolvedType": "String"
         },
-        {
-            "description": "The border radius of the floating Toolbar.\n",
-            "commentRange": {
-                "start": 156,
-                "end": 157
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-floating-toolbar-border-radius",
-                "value": "k-border-radius(xxl)",
-                "scope": "default",
-                "line": {
-                    "start": 158,
-                    "end": 158
-                }
-            },
-            "group": [
-                "toolbar"
-            ],
-            "access": "public",
-            "file": {
-                "path": "meridian/scss/toolbar/_variables.scss",
-                "name": "_variables.scss"
-            },
-            "resolvedValue": "var(--kendo-border-radius-xxl)",
-            "resolvedType": "String"
-        },
         {
             "description": "The vertical padding of the Tooltip.\n",
             "commentRange": {
@@ -143918,6 +143918,39 @@
                 }
             ]
         },
+        {
+            "id": "floating-toolbar",
+            "title": "FloatingToolbar",
+            "variables": [
+                {
+                    "description": "The border radius of the floating Toolbar.\n",
+                    "commentRange": {
+                        "start": 3,
+                        "end": 4
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-floating-toolbar-border-radius",
+                        "value": "k-border-radius(xxl)",
+                        "scope": "default",
+                        "line": {
+                            "start": 5,
+                            "end": 5
+                        }
+                    },
+                    "group": [
+                        "floating-toolbar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "meridian/scss/floating-toolbar/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-border-radius-xxl)",
+                    "resolvedType": "String"
+                }
+            ]
+        },
         {
             "id": "form",
             "title": "Form",
@@ -203808,33 +203841,6 @@
                     "resolvedValue": "var(--kendo-spacing-2)",
                     "resolvedType": "String"
                 },
-                {
-                    "description": "The border radius of the floating Toolbar.\n",
-                    "commentRange": {
-                        "start": 156,
-                        "end": 157
-                    },
-                    "context": {
-                        "type": "variable",
-                        "name": "kendo-floating-toolbar-border-radius",
-                        "value": "k-border-radius(xxl)",
-                        "scope": "default",
-                        "line": {
-                            "start": 158,
-                            "end": 158
-                        }
-                    },
-                    "group": [
-                        "toolbar"
-                    ],
-                    "access": "public",
-                    "file": {
-                        "path": "meridian/scss/toolbar/_variables.scss",
-                        "name": "_variables.scss"
-                    },
-                    "resolvedValue": "var(--kendo-border-radius-xxl)",
-                    "resolvedType": "String"
-                },
                 {
                     "description": "The sizes map of the ToolBar.\n",
                     "commentRange": {

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

@@ -34144,6 +34144,31 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The border radius of the floating Toolbar.\n",
+        "commentRange": {
+            "start": 3,
+            "end": 4
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-floating-toolbar-border-radius",
+            "value": "k-border-radius(xxl)",
+            "scope": "default",
+            "line": {
+                "start": 5,
+                "end": 5
+            }
+        },
+        "group": [
+            "floating-toolbar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "floating-toolbar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The default size of the Form.\n",
         "commentRange": {
@@ -88498,31 +88523,6 @@
             "name": "_variables.scss"
         }
     },
-    {
-        "description": "The border radius of the floating Toolbar.\n",
-        "commentRange": {
-            "start": 156,
-            "end": 157
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-floating-toolbar-border-radius",
-            "value": "k-border-radius(xxl)",
-            "scope": "default",
-            "line": {
-                "start": 158,
-                "end": 158
-            }
-        },
-        "group": [
-            "toolbar"
-        ],
-        "access": "public",
-        "file": {
-            "path": "toolbar/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
     {
         "description": "The vertical padding of the Tooltip.\n",
         "commentRange": {

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

@@ -3,7 +3,7 @@
     "name": "Meridian Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-meridian",
-    "version": "14.5.1-dev.4",
+    "version": "14.5.1-dev.5",
     "previewColors": [
         "oklch(13.85% 0.0249 273.24deg)",
         "oklch(23.28% 0.0218 272.75deg)",

package/lib/swatches/meridian-main.json

@@ -3,7 +3,7 @@
     "name": "Meridian Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-meridian",
-    "version": "14.5.1-dev.4",
+    "version": "14.5.1-dev.5",
     "previewColors": [
         "oklch(100% 0 0deg)",
         "oklch(98.46% 0.0017 247.84deg)",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-meridian",
   "description": "Meridian theme for Kendo UI",
-  "version": "14.5.1-dev.4",
+  "version": "14.5.1-dev.5",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -52,8 +52,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.5",
+    "@progress/kendo-theme-utils": "14.5.1-dev.5"
   },
   "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,5 @@
+@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,15 @@
+@use "@progress/kendo-theme-core/scss/components/floating-toolbar/_theme.scss" as *;
+
+@mixin kendo-floating-toolbar--theme() {
+    @include kendo-floating-toolbar--theme-base();
+
+    .k-floating-toolbar.k-popup {
+        --kendo-translucency-base: 0%;
+        backdrop-filter: none;
+
+        .k-toolbar {
+            backdrop-filter: none;
+            background: none;
+        }
+    }
+}

package/scss/floating-toolbar/_variables.scss

@@ -0,0 +1,9 @@
+@use "../core/_index.scss" as *;
+
+/// The border radius of the floating Toolbar.
+/// @group floating-toolbar
+$kendo-floating-toolbar-border-radius: k-border-radius(xxl) !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";
@@ -227,6 +228,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
@@ -412,6 +414,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

@@ -153,10 +153,6 @@ $kendo-toolbar-overflow-button-padding-y: $kendo-menu-popup-md-item-padding-y !d
 /// @group toolbar
 $kendo-toolbar-overflow-button-padding-x: $kendo-menu-popup-md-item-padding-x !default;
 
-/// The border radius of the floating Toolbar.
-/// @group toolbar
-$kendo-floating-toolbar-border-radius: k-border-radius(xxl) !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,
@@ -201,6 +197,5 @@ $kendo-floating-toolbar-border-radius: k-border-radius(xxl) !default;
     $kendo-toolbar-overflow-container-font-size: $kendo-toolbar-overflow-container-font-size,
     $kendo-toolbar-overflow-container-line-height: $kendo-toolbar-overflow-container-line-height,
     $kendo-toolbar-overflow-button-padding-y: $kendo-toolbar-overflow-button-padding-y,
-    $kendo-toolbar-overflow-button-padding-x: $kendo-toolbar-overflow-button-padding-x,
-    $kendo-floating-toolbar-border-radius: $kendo-floating-toolbar-border-radius
+    $kendo-toolbar-overflow-button-padding-x: $kendo-toolbar-overflow-button-padding-x
 );