@hitachivantara/uikit-react-lab 5.37.0 → 5.37.1

package/dist/cjs/Blade/Blade.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
 const Blade_styles = require("./Blade.styles.cjs");

package/dist/cjs/Blades/Blades.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
 const Blades_styles = require("./Blades.styles.cjs");

package/dist/cjs/Dashboard/Dashboard.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const reactGridLayout = require("react-grid-layout");
 const react = require("@emotion/react");

package/dist/cjs/Flow/Background/Background.cjs

@@ -1,12 +1,19 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const ReactFlow = require("reactflow");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const HvFlowBackground = ({
   color = "secondary",
   ...others
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(ReactFlow.Background, { color: uikitStyles.getColor(color, uikitStyles.theme.colors.secondary), ...others });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ReactFlow.Background,
+    {
+      color: uikitStyles.getColor(color, uikitStyles.theme.colors.secondary_80),
+      gap: 16,
+      ...others
+    }
+  );
 };
 exports.HvFlowBackground = HvFlowBackground;

package/dist/cjs/Flow/Controls/Controls.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const ReactFlow = require("reactflow");
 const shallow = require("zustand/shallow");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");

package/dist/cjs/Flow/DroppableFlow.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const core = require("@dnd-kit/core");
 const react = require("@emotion/react");

package/dist/cjs/Flow/Empty/Empty.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const ReactFlow = require("reactflow");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
 const Empty_styles = require("./Empty.styles.cjs");

package/dist/cjs/Flow/Flow.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const core = require("@dnd-kit/core");
 const modifiers = require("@dnd-kit/modifiers");
 const ReactFlow = require("reactflow");

package/dist/cjs/Flow/Flow.styles.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
 const BaseNode_styles = require("./Node/BaseNode.styles.cjs");
-require("@emotion/react/jsx-runtime");
+require("react/jsx-runtime");
 require("reactflow");
 const { staticClasses, useClasses } = uikitReactCore.createClasses("HvFlow", {
   root: {

package/dist/cjs/Flow/FlowContext/FlowContext.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const NodeMetaContext = require("./NodeMetaContext.cjs");
 const HvFlowContext = React.createContext({});

package/dist/cjs/Flow/FlowContext/NodeMetaContext.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const HvFlowNodeMetaContext = React.createContext(void 0);
 const HvFlowNodeMetaProvider = ({

package/dist/cjs/Flow/Minimap/Minimap.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const ReactFlow = require("reactflow");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const Minimap_styles = require("./Minimap.styles.cjs");

package/dist/cjs/Flow/Node/BaseNode.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const ReactFlow = require("reactflow");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
 const BaseNode_styles = require("./BaseNode.styles.cjs");
@@ -52,7 +52,7 @@ const HvFlowBaseNode = ({
     nodeActions: nodeActionsProp
   });
   const labels = uikitReactCore.useLabels(DEFAULT_LABELS, labelsProp);
-  const { classes, cx, css } = BaseNode_styles.useClasses(classesProp);
+  const { classes, cx } = BaseNode_styles.useClasses(classesProp);
   const renderOutput = (output) => {
     const edgeConnected = utils.isConnected(id, "source", output.id, outputEdges);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.outputContainer, children: [
@@ -96,10 +96,13 @@ const HvFlowBaseNode = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
+      style: {
+        // @ts-ignore
+        "--node-color": color
+      },
       className: cx(
         "nowheel",
         // Disables the default canvas pan behaviour when scrolling inside the node
-        css({ border: `1px solid ${color}` }),
         classes.root,
         className
       ),
@@ -115,36 +118,31 @@ const HvFlowBaseNode = ({
           },
           action.id
         )) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: cx(css({ backgroundColor: color }), classes.headerContainer),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  className: cx(
-                    classes.titleContainer,
-                    css({ "& svg *.color0": { fill: iconColor } })
-                  ),
-                  children: [
-                    icon,
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      uikitReactCore.HvTypography,
-                      {
-                        component: "p",
-                        variant: "title4",
-                        className: classes.title,
-                        children: title
-                      }
-                    )
-                  ]
-                }
-              ),
-              headerItems && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex" }, children: headerItems })
-            ]
-          }
-        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.headerContainer, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              style: {
+                // @ts-ignore
+                "--icon-color": iconColor
+              },
+              className: classes.titleContainer,
+              children: [
+                icon,
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  uikitReactCore.HvTypography,
+                  {
+                    component: "p",
+                    variant: "title4",
+                    className: classes.title,
+                    children: title
+                  }
+                )
+              ]
+            }
+          ),
+          headerItems && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex" }, children: headerItems })
+        ] }),
         children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.contentContainer, children }),
         inputs && inputs.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.inputsTitleContainer, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTypography, { children: labels?.inputsTitle }) }),

package/dist/cjs/Flow/Node/BaseNode.styles.cjs

@@ -6,7 +6,8 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses("HvFlowBaseNo
     borderRadius: uikitReactCore.theme.radii.round,
     backgroundColor: uikitReactCore.theme.colors.atmo1,
     boxShadow: uikitReactCore.theme.colors.shadow,
-    minWidth: "250px"
+    minWidth: "250px",
+    border: "1px solid var(--node-color)"
   },
   headerContainer: {
     padding: uikitReactCore.theme.spacing(0.5, 1),
@@ -15,12 +16,14 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses("HvFlowBaseNo
     justifyContent: "space-between",
     alignItems: "center",
     borderTopLeftRadius: "inherit",
-    borderTopRightRadius: "inherit"
+    borderTopRightRadius: "inherit",
+    backgroundColor: "var(--node-color)"
   },
   titleContainer: {
     display: "flex",
     flexDirection: "row",
-    alignItems: "center"
+    alignItems: "center",
+    "& svg *.color0": { fill: "var(--icon-color)" }
   },
   title: {
     color: uikitReactCore.theme.colors.base_dark

package/dist/cjs/Flow/Node/Node.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");

package/dist/cjs/Flow/Node/Parameters/ParamRenderer.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const Select = require("./Select.cjs");
 const Slider = require("./Slider.cjs");
 const Text = require("./Text.cjs");

package/dist/cjs/Flow/Node/Parameters/Select.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
 const useFlowNode = require("../../hooks/useFlowNode.cjs");

package/dist/cjs/Flow/Node/Parameters/Slider.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const css = require("@emotion/css");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
 const useFlowNode = require("../../hooks/useFlowNode.cjs");

package/dist/cjs/Flow/Node/Parameters/Text.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
 const useFlowNode = require("../../hooks/useFlowNode.cjs");
 const Text = ({ param, data }) => {

package/dist/cjs/Flow/Sidebar/Sidebar.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const core = require("@dnd-kit/core");
 const modifiers = require("@dnd-kit/modifiers");

package/dist/cjs/Flow/Sidebar/SidebarGroup/SidebarGroup.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");

package/dist/cjs/Flow/Sidebar/SidebarGroup/SidebarGroupItem/DraggableSidebarGroupItem.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const core = require("@dnd-kit/core");
 const utils = require("@mui/material/utils");

package/dist/cjs/Flow/Sidebar/SidebarGroup/SidebarGroupItem/SidebarGroupItem.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");

package/dist/cjs/Flow/hooks/useNode.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uid = require("uid");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");

package/dist/cjs/Flow/nodes/DashboardNode.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const DashboardNode_styles = require("./DashboardNode.styles.cjs");

package/dist/cjs/StepNavigation/DefaultNavigation/DefaultNavigation.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
 const utils = require("./utils.cjs");
 const Step = require("./Step/Step.cjs");

package/dist/cjs/StepNavigation/DefaultNavigation/Step/Step.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const utils = require("../utils.cjs");

package/dist/cjs/StepNavigation/SimpleNavigation/Dot/Dot.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
 const utils = require("../utils.cjs");
 const Dot_styles = require("./Dot.styles.cjs");

package/dist/cjs/StepNavigation/SimpleNavigation/SimpleNavigation.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
 const utils = require("./utils.cjs");
 const Dot = require("./Dot/Dot.cjs");

package/dist/cjs/StepNavigation/StepNavigation.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const styled = require("@emotion/styled");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
 const uikitStyles = require("@hitachivantara/uikit-styles");
@@ -103,9 +103,11 @@ const HvStepNavigation = ({
               uikitStyles.theme
             )
           );
-          return [...acc, stepElement, separatorElement];
+          acc.push(stepElement, separatorElement);
+          return acc;
         }
-        return [...acc, stepElement];
+        acc.push(stepElement);
+        return acc;
       },
       []
     );

package/dist/cjs/Wizard/Wizard.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const Wizard_styles = require("./Wizard.styles.cjs");
 const WizardContext = require("./WizardContext/WizardContext.cjs");
@@ -48,16 +48,13 @@ const HvWizard = ({
     return () => {
       if (!open) {
         setContext(
-          (c) => Object.entries(c).reduce(
-            (acc, [key, child]) => ({
-              ...acc,
-              [+key]: {
-                ...child,
-                touched: false
-              }
-            }),
-            {}
-          )
+          (c) => Object.entries(c).reduce((acc, [key, child]) => {
+            acc[+key] = {
+              ...child,
+              touched: false
+            };
+            return acc;
+          }, {})
         );
         setTab(0);
       }

package/dist/cjs/Wizard/WizardActions/WizardActions.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
@@ -42,16 +42,13 @@ const HvWizardActions = ({
   const isLastPage = tab >= lastPage;
   const handleSkip = React.useCallback(() => {
     setContext(
-      (c) => Object.entries(c).reduce(
-        (acc, [key, child]) => ({
-          ...acc,
-          [+key]: {
-            ...child,
-            valid: child?.valid !== false
-          }
-        }),
-        {}
-      )
+      (c) => Object.entries(c).reduce((acc, [key, child]) => {
+        acc[+key] = {
+          ...child,
+          valid: child?.valid !== false
+        };
+        return acc;
+      }, {})
     );
     setTab(lastPage);
   }, [setTab, lastPage, setContext]);

package/dist/cjs/Wizard/WizardContainer/WizardContainer.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
 const WizardContainer_styles = require("./WizardContainer.styles.cjs");
 const HvWizardContainer = (props) => {

package/dist/cjs/Wizard/WizardContent/WizardContent.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const usehooksTs = require("usehooks-ts");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
@@ -23,10 +23,8 @@ const HvWizardContent = ({
   const initialContext = arrayChildren.reduce((acc, child, index) => {
     const invalid = "mustValidate" in child.props && child.props.mustValidate === true ? false : null;
     const valid = invalid ?? (index === 0 || null);
-    return {
-      ...acc,
-      [index]: { ...child.props, form: {}, valid, touched: index === 0 }
-    };
+    acc[index] = { ...child.props, form: {}, valid, touched: index === 0 };
+    return acc;
   }, {});
   const summaryRef = React.useRef();
   const resizedRef = React.useRef({ height: 0, width: 0 });
@@ -63,19 +61,14 @@ const HvWizardContent = ({
   React.useEffect(() => {
     if (tab && !context[tab]?.touched) {
       setContext(
-        (oldContext) => Object.entries(oldContext).reduce(
-          (acc, [key, childState]) => ({
-            ...acc,
-            ...+key <= tab ? {
-              [key]: {
-                ...childState,
-                touched: true,
-                valid: childState?.valid ?? true
-              }
-            } : { [key]: childState }
-          }),
-          {}
-        )
+        (oldContext) => Object.entries(oldContext).reduce((acc, [key, childState]) => {
+          acc[key] = +key <= tab ? {
+            ...childState,
+            touched: true,
+            valid: childState?.valid ?? true
+          } : childState;
+          return acc;
+        }, {})
       );
     }
   }, [tab, context, setContext]);

package/dist/cjs/Wizard/WizardTitle/WizardTitle.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");

package/dist/esm/Blade/Blade.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, useRef, useState, useEffect } from "react";
 import { useDefaultProps, useControlled, useUniqueId, setId, HvTypography } from "@hitachivantara/uikit-react-core";
 import { useClasses } from "./Blade.styles.js";

package/dist/esm/Blades/Blades.js

@@ -1,4 +1,4 @@
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useCallback, useMemo, Children, cloneElement } from "react";
 import { useDefaultProps, useControlled } from "@hitachivantara/uikit-react-core";
 import { useClasses } from "./Blades.styles.js";

package/dist/esm/Dashboard/Dashboard.js

@@ -1,4 +1,4 @@
-import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { WidthProvider, Responsive } from "react-grid-layout";
 import { Global } from "@emotion/react";

package/dist/esm/Flow/Background/Background.js

@@ -1,11 +1,18 @@
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Background } from "reactflow";
 import { getColor, theme } from "@hitachivantara/uikit-styles";
 const HvFlowBackground = ({
   color = "secondary",
   ...others
 }) => {
-  return /* @__PURE__ */ jsx(Background, { color: getColor(color, theme.colors.secondary), ...others });
+  return /* @__PURE__ */ jsx(
+    Background,
+    {
+      color: getColor(color, theme.colors.secondary_80),
+      gap: 16,
+      ...others
+    }
+  );
 };
 export {
   HvFlowBackground

package/dist/esm/Flow/Background/Background.js.map

@@ -1 +1 @@
-{"version":3,"file":"Background.js","sources":["../../../../src/Flow/Background/Background.tsx"],"sourcesContent":["import { Background, BackgroundProps } from \"reactflow\";\nimport { getColor, HvColorAny, theme } from \"@hitachivantara/uikit-styles\";\n\nexport interface HvFlowBackgroundProps extends Omit<BackgroundProps, \"color\"> {\n  /** Color for the background dots. Defaults to `secondary`. */\n  color?: HvColorAny;\n}\n\nexport const HvFlowBackground = ({\n  color = \"secondary\",\n  ...others\n}: HvFlowBackgroundProps) => {\n  return (\n    <Background color={getColor(color, theme.colors.secondary)} {...others} />\n  );\n};\n"],"names":[],"mappings":";;;AAQO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,QAAQ;AAAA,EACR,GAAG;AACL,MAA6B;AAEzB,SAAA,oBAAC,YAAW,EAAA,OAAO,SAAS,OAAO,MAAM,OAAO,SAAS,GAAI,GAAG,OAAQ,CAAA;AAE5E;"}
+{"version":3,"file":"Background.js","sources":["../../../../src/Flow/Background/Background.tsx"],"sourcesContent":["import { Background, BackgroundProps } from \"reactflow\";\nimport { getColor, HvColorAny, theme } from \"@hitachivantara/uikit-styles\";\n\nexport interface HvFlowBackgroundProps extends Omit<BackgroundProps, \"color\"> {\n  /** Color for the background dots. Defaults to `secondary`. */\n  color?: HvColorAny;\n}\n\nexport const HvFlowBackground = ({\n  color = \"secondary\",\n  ...others\n}: HvFlowBackgroundProps) => {\n  return (\n    <Background\n      color={getColor(color, theme.colors.secondary_80)}\n      gap={16}\n      {...others}\n    />\n  );\n};\n"],"names":[],"mappings":";;;AAQO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,QAAQ;AAAA,EACR,GAAG;AACL,MAA6B;AAEzB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,SAAS,OAAO,MAAM,OAAO,YAAY;AAAA,MAChD,KAAK;AAAA,MACJ,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/esm/Flow/Controls/Controls.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useStore, useStoreApi, Panel } from "reactflow";
 import { shallow } from "zustand/shallow";
 import { useLabels, HvMultiButton, HvButton } from "@hitachivantara/uikit-react-core";

package/dist/esm/Flow/DroppableFlow.js

@@ -1,4 +1,4 @@
-import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useRef, useCallback } from "react";
 import { useDroppable, useDndMonitor } from "@dnd-kit/core";
 import { Global } from "@emotion/react";

package/dist/esm/Flow/Empty/Empty.js

@@ -1,4 +1,4 @@
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useNodes } from "reactflow";
 import { HvEmptyState } from "@hitachivantara/uikit-react-core";
 import { useClasses } from "./Empty.styles.js";

package/dist/esm/Flow/Flow.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext } from "@dnd-kit/core";
 import { restrictToWindowEdges } from "@dnd-kit/modifiers";
 import { ReactFlowProvider } from "reactflow";