@hitachivantara/uikit-react-lab 5.46.13 → 6.0.0-next.1

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

@@ -1,135 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const { staticClasses, useClasses } = uikitReactCore.createClasses("HvFlowBaseNode", {
-  root: {
-    borderRadius: uikitReactCore.theme.radii.round,
-    backgroundColor: uikitReactCore.theme.colors.bgContainer,
-    boxShadow: uikitReactCore.theme.colors.shadow,
-    minWidth: "250px",
-    border: "1px solid var(--node-color)"
-  },
-  headerContainer: {
-    padding: uikitReactCore.theme.spacing(0.5, 1),
-    display: "flex",
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    borderTopLeftRadius: "inherit",
-    borderTopRightRadius: "inherit",
-    backgroundColor: "var(--node-color)"
-  },
-  titleContainer: {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center",
-    "& svg *.color0": { fill: "var(--icon-color)" }
-  },
-  title: {
-    color: uikitReactCore.theme.colors.textDark
-  },
-  inputsTitleContainer: {
-    display: "flex",
-    justifyContent: "center",
-    padding: uikitReactCore.theme.space.xs,
-    backgroundColor: uikitReactCore.theme.colors.bgPage,
-    borderTop: `1px solid ${uikitReactCore.theme.colors.borderSubtle}`,
-    borderBottom: `1px solid ${uikitReactCore.theme.colors.borderSubtle}`
-  },
-  outputsTitleContainer: {
-    display: "flex",
-    justifyContent: "center",
-    padding: uikitReactCore.theme.space.xs,
-    backgroundColor: uikitReactCore.theme.colors.bgPage,
-    borderTop: `1px solid ${uikitReactCore.theme.colors.borderSubtle}`,
-    borderBottom: `1px solid ${uikitReactCore.theme.colors.borderSubtle}`
-  },
-  contentContainer: {},
-  inputsContainer: {
-    display: "flex",
-    flexDirection: "column",
-    padding: uikitReactCore.theme.space.sm,
-    gap: uikitReactCore.theme.space.xs,
-    alignItems: "flex-start"
-  },
-  outputsContainer: {
-    display: "flex",
-    flexDirection: "column",
-    padding: uikitReactCore.theme.space.sm,
-    gap: uikitReactCore.theme.space.xs,
-    alignItems: "flex-end"
-  },
-  inputGroupContainer: {
-    display: "flex",
-    flexDirection: "column",
-    gap: uikitReactCore.theme.space.xs,
-    alignItems: "flex-start"
-  },
-  outputGroupContainer: {
-    display: "flex",
-    flexDirection: "column",
-    gap: uikitReactCore.theme.space.xs,
-    alignItems: "flex-end"
-  },
-  inputContainer: {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center",
-    position: "relative"
-  },
-  outputContainer: {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center",
-    position: "relative"
-  },
-  handle: {
-    zIndex: uikitReactCore.theme.zIndices.overlay,
-    marginLeft: 2,
-    backgroundColor: uikitReactCore.theme.colors.bgContainer,
-    height: 10,
-    width: 10,
-    border: `1px solid ${uikitReactCore.theme.colors.textDisabled}`,
-    "&.react-flow__handle-left": {
-      left: -23
-    },
-    "&.react-flow__handle-right": {
-      right: -21
-    },
-    "&.react-flow__handle-connecting": {
-      backgroundColor: uikitReactCore.theme.colors.negativeDimmed
-    },
-    "&.react-flow__handle-valid": {
-      backgroundColor: uikitReactCore.theme.colors.positiveDimmed
-    },
-    "::before": {
-      fontSize: 14,
-      color: uikitReactCore.theme.colors.textDisabled,
-      content: '"+"',
-      marginTop: -7,
-      position: "absolute"
-    }
-  },
-  handleConnected: {
-    backgroundColor: uikitReactCore.theme.colors.textDisabled,
-    width: 8,
-    height: 8,
-    "::before": {
-      fontSize: 11,
-      marginTop: -8
-    }
-  },
-  mandatory: {
-    width: 10,
-    height: 10,
-    margin: uikitReactCore.theme.spacing(0, uikitReactCore.theme.space.xs),
-    borderRadius: uikitReactCore.theme.radii.full,
-    backgroundColor: uikitReactCore.theme.colors.negativeDimmed
-  },
-  footerContainer: {
-    padding: uikitReactCore.theme.space.sm,
-    borderTop: `1px solid ${uikitReactCore.theme.colors.borderSubtle}`
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

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

@@ -1,115 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const BaseNode = require("./BaseNode.cjs");
-const Node_styles = require("./Node.styles.cjs");
-const useFlowNode = require("../hooks/useFlowNode.cjs");
-const ParamRenderer = require("./Parameters/ParamRenderer.cjs");
-const useFlowContext = require("../hooks/useFlowContext.cjs");
-const DEFAULT_LABELS = {
-  collapseLabel: "Collapse",
-  expandLabel: "Expand"
-};
-const HvFlowNode = ({
-  id,
-  type,
-  headerItems,
-  actions,
-  actionCallback,
-  // TODO - remove in v6
-  onAction,
-  maxVisibleActions = 1,
-  expanded = false,
-  actionsIconOnly = true,
-  params,
-  classes: classesProp,
-  labels: labelsProps,
-  children,
-  expandParamsButtonProps,
-  disableInlineEdit,
-  title: titleProp,
-  subtitle: subtitleProp,
-  description,
-  groupId,
-  color: colorProp,
-  icon: iconProp,
-  ...props
-}) => {
-  const { classes } = Node_styles.useClasses(classesProp);
-  const [showParams, setShowParams] = react.useState(expanded);
-  const { nodeGroups, defaultActions } = useFlowContext.useFlowContext();
-  const labels = uikitReactCore.useLabels(DEFAULT_LABELS, labelsProps);
-  const node = useFlowNode.useFlowNode();
-  const { setNodeData } = useFlowNode.useFlowNodeUtils();
-  const inlineEditorWidth = actions === void 0 || Array.isArray(actions) && actions.length === 0 || maxVisibleActions === 0 ? "100%" : `calc(200px - calc(${maxVisibleActions} * 32px + ${uikitReactCore.theme.spacing(2)}))`;
-  const nodeGroup = groupId && nodeGroups && nodeGroups[groupId] || void 0;
-  const title = titleProp || nodeGroup?.label;
-  const icon = iconProp || nodeGroup?.icon;
-  const color = colorProp || nodeGroup?.color;
-  const subtitle = subtitleProp || node?.data.nodeLabel;
-  const hasParams = !!(params && params.length > 0);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    BaseNode.HvFlowBaseNode,
-    {
-      id,
-      type,
-      title,
-      icon,
-      color,
-      nodeActions: defaultActions,
-      classes,
-      headerItems: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        headerItems,
-        description && /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTooltip, { title: description, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Info, { color: "textDark" }) }),
-        hasParams && /* @__PURE__ */ jsxRuntime.jsx(
-          uikitReactCore.HvButton,
-          {
-            icon: true,
-            onClick: () => setShowParams((p) => !p),
-            "aria-label": showParams ? labels?.collapseLabel : labels?.expandLabel,
-            ...expandParamsButtonProps,
-            children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropDownXS, { rotate: showParams, color: "textDark" })
-          }
-        )
-      ] }),
-      labels,
-      ...props,
-      children: [
-        (subtitle || actions) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.subtitleContainer, children: [
-          subtitle && (disableInlineEdit ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTypography, { className: classes.subtitle, children: subtitle }) : /* @__PURE__ */ jsxRuntime.jsx(
-            uikitReactCore.HvInlineEditor,
-            {
-              defaultValue: subtitle,
-              showIcon: true,
-              style: { width: inlineEditorWidth },
-              classes: {
-                root: classes.inlineEditRoot,
-                button: classes.inlineEditButton
-              },
-              onBlur: (evt, value) => setNodeData((prev) => ({ ...prev, nodeLabel: value }))
-            }
-          )),
-          actions && /* @__PURE__ */ jsxRuntime.jsx(
-            uikitReactCore.HvActionsGeneric,
-            {
-              className: classes.actions,
-              classes: { button: classes.actionsButton },
-              actions,
-              actionsCallback: actionCallback,
-              onAction,
-              maxVisibleActions,
-              iconOnly: actionsIconOnly
-            }
-          )
-        ] }),
-        children,
-        showParams && params && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.paramsContainer, children: /* @__PURE__ */ jsxRuntime.jsx(ParamRenderer.ParamRenderer, { params, data: node?.data }) })
-      ]
-    }
-  );
-};
-exports.flowNodeClasses = Node_styles.staticClasses;
-exports.HvFlowNode = HvFlowNode;

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

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const BaseNode_styles = require("./BaseNode.styles.cjs");
-const baseClasses = Object.fromEntries(
-  Object.keys(BaseNode_styles.staticClasses).map((key) => [key, {}])
-);
-const { staticClasses, useClasses } = uikitReactCore.createClasses("HvFlowNode", {
-  subtitleContainer: {
-    minHeight: 48,
-    padding: uikitReactCore.theme.spacing("xs"),
-    display: "flex",
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center"
-  },
-  subtitle: {
-    paddingLeft: uikitReactCore.theme.spacing("xs")
-  },
-  inlineEditRoot: {
-    display: "inline-flex",
-    flexGrow: 1
-  },
-  inlineEditButton: {
-    justifyContent: "space-between"
-  },
-  actions: {},
-  actionsButton: {
-    gap: 0
-  },
-  paramsContainer: {
-    borderTop: `1px solid ${uikitReactCore.theme.colors.border}`,
-    display: "flex",
-    flexDirection: "column",
-    gap: uikitReactCore.theme.space.xs,
-    padding: uikitReactCore.theme.space.sm
-  },
-  // Spread here to know if we are overriding classes from parents
-  ...baseClasses
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

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

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const Select = require("./Select.cjs");
-const Slider = require("./Slider.cjs");
-const Text = require("./Text.cjs");
-const renderers = {
-  text: Text.default,
-  select: Select.default,
-  slider: Slider.default
-};
-const ParamRenderer = ({ params, data }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: params.map((param) => {
-    const Renderer = renderers[param.type];
-    if (!Renderer) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx(Renderer, { param, data }, param.id);
-  }) });
-};
-exports.ParamRenderer = ParamRenderer;

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

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const useFlowNode = require("../../hooks/useFlowNode.cjs");
-const Select = ({ param, data }) => {
-  const { id, label, multiple = false, options } = param;
-  const { setNodeData } = useFlowNode.useFlowNodeUtils();
-  const [opts, setOpts] = react.useState(
-    data[id] ? Array.isArray(data[id]) ? data[id] : [data[id]] : void 0
-  );
-  const handleChange = (item) => {
-    const newOpts = Array.isArray(item) ? item.map((x) => x.id) : item?.id ?? void 0;
-    setNodeData((prev) => ({ ...prev, [id]: newOpts }));
-    setOpts(
-      newOpts ? Array.isArray(newOpts) ? newOpts : [newOpts] : void 0
-    );
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    uikitReactCore.HvDropdown,
-    {
-      className: "nodrag",
-      disablePortal: true,
-      label,
-      values: options?.map((option) => {
-        const optionId = typeof option === "string" ? option : option.id;
-        const optionLabel = typeof option === "string" ? option : option.label;
-        return {
-          id: optionId,
-          label: optionLabel,
-          selected: !!opts?.find((opt) => opt === optionId)
-        };
-      }),
-      onChange: handleChange,
-      maxHeight: 100,
-      multiSelect: multiple
-    }
-  );
-};
-exports.default = Select;

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

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const css = require("@emotion/css");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const useFlowNode = require("../../hooks/useFlowNode.cjs");
-const classes = {
-  labelContainer: css.css({
-    marginRight: 0,
-    marginLeft: 0
-  }),
-  sliderBase: css.css({
-    padding: 0
-  })
-};
-const Slider = ({ param, data }) => {
-  const { id } = param;
-  const { setNodeData } = useFlowNode.useFlowNodeUtils();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    uikitReactCore.HvSlider,
-    {
-      className: "nodrag",
-      defaultValues: data[id],
-      onChange: (val) => setNodeData((prev) => ({ ...prev, [id]: val })),
-      classes: {
-        labelContainer: classes.labelContainer,
-        sliderBase: classes.sliderBase
-      },
-      ...param
-    }
-  );
-};
-exports.default = Slider;

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

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const useFlowNode = require("../../hooks/useFlowNode.cjs");
-const Text = ({ param, data }) => {
-  const { id, label } = param;
-  const { setNodeData } = useFlowNode.useFlowNodeUtils();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    uikitReactCore.HvInput,
-    {
-      className: "nodrag",
-      label,
-      defaultValue: data[id],
-      onChange: (evt, val) => setNodeData((prev) => ({ ...prev, [id]: val }))
-    }
-  );
-};
-exports.default = Text;

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

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const isInputGroup = (input) => {
-  return "inputs" in input;
-};
-const isOutputGroup = (output) => {
-  return "outputs" in output;
-};
-const isConnected = (id, type, handleId, edges) => {
-  if (type === "target") {
-    return edges.some((e) => e.target === id && e.targetHandle === handleId);
-  }
-  if (type === "source") {
-    return edges.some((e) => e.source === id && e.sourceHandle === handleId);
-  }
-  return false;
-};
-const renderedIcon = (actionIcon) => react.isValidElement(actionIcon) ? actionIcon : actionIcon?.();
-const identifyHandles = (handles) => {
-  let idx = 0;
-  return handles?.map(
-    (handle) => {
-      if (isInputGroup(handle)) {
-        return {
-          ...handle,
-          inputs: handle.inputs.map((x) => {
-            const identifiedHandle2 = x.id != null ? x : { ...x, id: String(idx) };
-            idx += 1;
-            return identifiedHandle2;
-          })
-        };
-      }
-      if (isOutputGroup(handle)) {
-        return {
-          ...handle,
-          outputs: handle.outputs.map((x) => {
-            const identifiedHandle2 = x.id != null ? x : { ...x, id: String(idx) };
-            idx += 1;
-            return identifiedHandle2;
-          })
-        };
-      }
-      const identifiedHandle = handle.id != null ? handle : { ...handle, id: String(idx) };
-      idx += 1;
-      return identifiedHandle;
-    }
-  );
-};
-exports.identifyHandles = identifyHandles;
-exports.isConnected = isConnected;
-exports.isInputGroup = isInputGroup;
-exports.isOutputGroup = isOutputGroup;
-exports.renderedIcon = renderedIcon;

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

@@ -1,141 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const core = require("@dnd-kit/core");
-const modifiers = require("@dnd-kit/modifiers");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const Sidebar_styles = require("./Sidebar.styles.cjs");
-const SidebarGroup = require("./SidebarGroup/SidebarGroup.cjs");
-const SidebarGroupItem = require("./SidebarGroup/SidebarGroupItem/SidebarGroupItem.cjs");
-const useFlowContext = require("../hooks/useFlowContext.cjs");
-const DraggableSidebarGroupItem = require("./SidebarGroup/SidebarGroupItem/DraggableSidebarGroupItem.cjs");
-const DEFAULT_LABELS = {
-  itemAriaRoleDescription: "Draggable",
-  expandGroupButtonAriaLabel: "Expand group",
-  searchPlaceholder: "Search node...",
-  searchAriaLabel: "Search node..."
-};
-const HvFlowSidebar = ({
-  id,
-  title,
-  description,
-  anchor = "right",
-  buttonTitle = "Close",
-  flatten = false,
-  classes: classesProp,
-  labels: labelsProps,
-  dragOverlayProps,
-  ...others
-}) => {
-  const { classes } = Sidebar_styles.useClasses(classesProp);
-  const { nodeGroups, setExpandedNodeGroups } = useFlowContext.useFlowContext();
-  const [filterValue, setFilterValue] = react.useState("");
-  const [draggingLabel, setDraggingLabel] = react.useState();
-  const labels = uikitReactCore.useLabels(DEFAULT_LABELS, labelsProps);
-  const drawerElementId = uikitReactCore.useUniqueId(id);
-  const groupsElementId = uikitReactCore.useUniqueId();
-  const { setNodeRef } = core.useDroppable({ id: drawerElementId });
-  const handleDragStart = (event) => {
-    if (event.active.data.current?.hvFlow) {
-      setDraggingLabel(event.active.data.current.hvFlow?.label);
-    }
-  };
-  const handleDragEnd = () => {
-    setDraggingLabel(void 0);
-  };
-  core.useDndMonitor({
-    onDragEnd: handleDragEnd,
-    onDragStart: handleDragStart
-  });
-  const filteredGroups = react.useMemo(() => {
-    if (!filterValue || !nodeGroups) return nodeGroups || {};
-    return filterValue ? Object.entries(nodeGroups).reduce(
-      (acc, [groupId, group]) => {
-        const filteredItems = (group.items || []).filter(
-          (item) => item.label.toLowerCase().includes(filterValue.toLowerCase())
-        );
-        const itemsCount = Object.keys(filteredItems).length;
-        if (itemsCount > 0) {
-          acc[groupId] = {
-            ...group,
-            items: filteredItems
-          };
-        }
-        return acc;
-      },
-      {}
-    ) : nodeGroups;
-  }, [filterValue, nodeGroups]);
-  react.useEffect(() => {
-    setExpandedNodeGroups?.(filterValue ? Object.keys(filteredGroups) : []);
-  }, [filterValue, filteredGroups, setExpandedNodeGroups]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    uikitReactCore.HvDrawer,
-    {
-      BackdropComponent: void 0,
-      variant: "persistent",
-      classes: {
-        paper: classes.drawerPaper
-      },
-      showBackdrop: false,
-      anchor,
-      buttonTitle,
-      ...others,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { id: drawerElementId, ref: setNodeRef, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.titleContainer, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Add, {}),
-            /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTypography, { component: "p", variant: "title3", children: title })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.contentContainer, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTypography, { className: classes.description, children: description }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              uikitReactCore.HvInput,
-              {
-                className: classes.searchRoot,
-                type: "search",
-                placeholder: labels?.searchPlaceholder,
-                "aria-label": labels?.searchAriaLabel,
-                "aria-controls": groupsElementId,
-                "aria-owns": groupsElementId,
-                onChange: (evt, val) => setFilterValue(val.trim()),
-                inputProps: { autoComplete: "off" }
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("ul", { id: groupsElementId, className: classes.groupsContainer, children: Object.entries(filteredGroups).map(([groupId, group]) => {
-              if (flatten) {
-                return (group.items || []).map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(
-                  DraggableSidebarGroupItem.HvFlowDraggableSidebarGroupItem,
-                  {
-                    "aria-roledescription": labels?.itemAriaRoleDescription,
-                    ...item
-                  },
-                  `${item.nodeType}-${i}`
-                ));
-              }
-              return /* @__PURE__ */ jsxRuntime.jsx(
-                SidebarGroup.HvFlowSidebarGroup,
-                {
-                  id: groupId,
-                  expandButtonProps: {
-                    "aria-label": labels?.expandGroupButtonAriaLabel
-                  },
-                  itemProps: {
-                    "aria-roledescription": labels?.itemAriaRoleDescription
-                  },
-                  ...group
-                },
-                groupId
-              );
-            }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(core.DragOverlay, { modifiers: [modifiers.restrictToWindowEdges], ...dragOverlayProps, children: draggingLabel ? /* @__PURE__ */ jsxRuntime.jsx(SidebarGroupItem.HvFlowSidebarGroupItem, { label: draggingLabel, isDragging: true }) : null })
-      ]
-    }
-  );
-};
-exports.flowSidebarClasses = Sidebar_styles.staticClasses;
-exports.HvFlowSidebar = HvFlowSidebar;

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

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const { staticClasses, useClasses } = uikitReactCore.createClasses("HvFlowSidebar", {
-  drawerPaper: { width: "360px" },
-  titleContainer: {
-    display: "flex",
-    padding: uikitReactCore.theme.spacing("sm", "lg", "xs", "sm")
-  },
-  contentContainer: { padding: uikitReactCore.theme.spacing(0, "lg", "sm", "lg") },
-  description: { color: uikitReactCore.theme.colors.textSubtle },
-  searchRoot: {
-    paddingTop: uikitReactCore.theme.space.sm,
-    paddingBottom: uikitReactCore.theme.space.sm
-  },
-  groupsContainer: {
-    display: "flex",
-    flexDirection: "column",
-    gap: uikitReactCore.theme.space.sm,
-    listStyleType: "none"
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;