@luscii-healthtech/web-ui 54.2.0 → 54.3.0

package/dist/index.development.js

@@ -3949,6 +3949,8 @@ const Divider = (props) => {
         return jsxRuntime.jsx(VerticalFlowDivider, Object.assign({}, props));
       case "horizontal-flow":
         return jsxRuntime.jsx(HorizontalFlowDivider, Object.assign({}, props));
+      case "vertical":
+        return jsxRuntime.jsx(VerticalDivider, Object.assign({}, props));
       default:
         return jsxRuntime.jsx(HrDivider, Object.assign({}, props));
     }
@@ -3969,6 +3971,21 @@ const HrDivider = (props) => {
     "ui:border-neutral-border-low-contrast": color === "low-contrast"
   }, className) });
 };
+const VerticalDivider = (props) => {
+  const {
+    className,
+    color = "border",
+    // Strip discriminant props so they don't land on the DOM element.
+    version: _version,
+    variant: _variant
+  } = props, rest = __rest(props, ["className", "color", "version", "variant"]);
+  return jsxRuntime.jsx("div", Object.assign({ role: "separator", "aria-orientation": "vertical", className: classNames__default.default("ui:self-stretch ui:w-0 ui:border-l ui:border-solid", {
+    "ui:border-color-divider": color === "divider",
+    "ui:border-color-border": color === "border",
+    "ui:border-neutral-border-high-contrast": color === "high-contrast",
+    "ui:border-neutral-border-low-contrast": color === "low-contrast"
+  }, className) }, rest));
+};
 const VerticalFlowDivider = (props) => {
   return jsxRuntime.jsx(Stack, Object.assign({ width: "full", align: "center", role: "separator", pb: "xxxxs" }, props, { children: jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 29, fill: "none", children: [jsxRuntime.jsx("path", { fill: "#94A3B8", d: "M7.293 28.707a1 1 0 0 0 1.414 0l6.364-6.364a1 1 0 0 0-1.414-1.414L8 26.586l-5.657-5.657A1 1 0 0 0 .93 22.343l6.364 6.364ZM7 0v28h2V0H7Z" }), jsxRuntime.jsx("circle", { cx: 8, cy: 3, r: 2.5, fill: "#CBD5E1", stroke: "#64748B" })] }) }));
 };