@luscii-healthtech/web-ui 54.2.0 → 54.3.1

package/dist/index.development.js

@@ -719,7 +719,7 @@ var PlusIcon = IconWrapper(SvgPlusIcon);
 const SvgPrinterIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M8.308 20.5a1.74 1.74 0 0 1-1.277-.531 1.74 1.74 0 0 1-.53-1.277V16.5H4.595a1.74 1.74 0 0 1-1.276-.531 1.74 1.74 0 0 1-.531-1.277v-3.884q0-1.063.726-1.782.725-.718 1.774-.718h13.423q1.062 0 1.78.718.72.72.72 1.782v3.884q0 .746-.532 1.277a1.74 1.74 0 0 1-1.276.531H17.5v2.192q0 .746-.531 1.277a1.74 1.74 0 0 1-1.277.531zM4.596 15H6.5q.019-.729.545-1.249a1.73 1.73 0 0 1 1.263-.52h7.384q.738 0 1.263.52T17.5 15h1.904a.3.3 0 0 0 .221-.087.3.3 0 0 0 .087-.22v-3.885a.97.97 0 0 0-.288-.713.97.97 0 0 0-.712-.287H5.289a.97.97 0 0 0-.713.287.97.97 0 0 0-.287.713v3.884a.3.3 0 0 0 .086.221.3.3 0 0 0 .221.087M16 8.308V5.615a.3.3 0 0 0-.086-.22.3.3 0 0 0-.222-.087H8.308a.3.3 0 0 0-.221.086.3.3 0 0 0-.087.221v2.693H6.5V5.615q0-.745.531-1.276a1.74 1.74 0 0 1 1.277-.531h7.384q.746 0 1.277.53.531.532.531 1.277v2.693zm1.808 4q.424 0 .712-.288a.97.97 0 0 0 .288-.712.97.97 0 0 0-.288-.713.97.97 0 0 0-.712-.287.97.97 0 0 0-.713.287.97.97 0 0 0-.287.713q0 .424.287.712.288.288.713.288M16 18.692V15.04a.3.3 0 0 0-.086-.222.3.3 0 0 0-.222-.086H8.308a.3.3 0 0 0-.221.086.3.3 0 0 0-.087.222v3.653a.3.3 0 0 0 .087.221.3.3 0 0 0 .22.087h7.385a.3.3 0 0 0 .222-.087.3.3 0 0 0 .086-.22M4.596 9.808H4.29h15.423z" }) }));
 var PrinterIcon = IconWrapper(SvgPrinterIcon);
 
-const SvgQuestionFilledIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { d: "M12.5 3a9.5 9.5 0 1 1 0 19 9.5 9.5 0 0 1 0-19m-.245 13.107a.87.87 0 0 0-.648.279.93.93 0 0 0-.27.668q0 .389.27.668.27.278.648.278.255 0 .459-.126a1 1 0 0 0 .332-.348.9.9 0 0 0 .128-.472q0-.39-.27-.668a.87.87 0 0 0-.65-.279M12.54 7q-.826 0-1.505.337a2.73 2.73 0 0 0-1.087.973q-.408.636-.449 1.53h1.286q.04-.622.3-1.005.261-.383.648-.563.389-.178.807-.178.48 0 .872.205.393.205.628.584.234.378.234.893 0 .416-.142.757-.138.342-.378.605a2.7 2.7 0 0 1-.541.447 4.5 4.5 0 0 0-.857.679q-.357.368-.551.962t-.204 1.598v.063h1.224v-.063q.01-.652.133-1.089.122-.435.393-.752.27-.32.72-.609.448-.285.765-.652.32-.368.49-.836A3 3 0 0 0 15.5 9.84a2.9 2.9 0 0 0-.367-1.462 2.6 2.6 0 0 0-1.031-1.01Q13.438 7 12.54 7" }) }));
+const SvgQuestionFilledIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M12.5 3a9.5 9.5 0 1 1 0 19 9.5 9.5 0 0 1 0-19m-.245 13.107a.87.87 0 0 0-.648.279.93.93 0 0 0-.27.668q0 .389.27.668.27.278.648.278.255 0 .459-.126a1 1 0 0 0 .332-.348.9.9 0 0 0 .128-.472q0-.39-.27-.668a.87.87 0 0 0-.65-.279M12.54 7q-.826 0-1.505.337a2.73 2.73 0 0 0-1.087.973q-.408.636-.449 1.53h1.286q.04-.622.3-1.005.261-.383.648-.563.389-.178.807-.178.48 0 .872.205.393.205.628.584.234.378.234.893 0 .416-.142.757-.138.342-.378.605a2.7 2.7 0 0 1-.541.447 4.5 4.5 0 0 0-.857.679q-.357.368-.551.962t-.204 1.598v.063h1.224v-.063q.01-.652.133-1.089.122-.435.393-.752.27-.32.72-.609.448-.285.765-.652.32-.368.49-.836A3 3 0 0 0 15.5 9.84a2.9 2.9 0 0 0-.367-1.462 2.6 2.6 0 0 0-1.031-1.01Q13.438 7 12.54 7" }) }));
 var QuestionFilledIcon = IconWrapper(SvgQuestionFilledIcon);
 
 const SvgRedAlertIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 12 12" }, props, { children: jsxRuntime.jsx("rect", { width: 12, height: 12, fill: "currentColor", rx: 3 }) }));
@@ -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" })] }) }));
 };