@luscii-healthtech/web-ui 44.3.0 → 44.3.2

package/dist/index.development.js

@@ -403,6 +403,9 @@ var StatusColoredIcon = IconWrapper(SvgStatusColoredIcon);
 const SvgStatusStoppedColoredIcon = (props) => jsxRuntime.jsxs("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("rect", { width: 16, height: 16, x: 4, y: 4, fill: "#FF6266", rx: 8 }), jsxRuntime.jsx("rect", { width: 12, height: 12, x: 6, y: 6, stroke: "#fff", strokeOpacity: 0.5, strokeWidth: 4, rx: 6 })] }));
 var StatusStoppedColoredIcon = IconWrapper(SvgStatusStoppedColoredIcon);
 
+const SvgVaultColoredIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 144, height: 144, viewBox: "0 0 144 144" }, props, { children: jsxRuntime.jsxs("g", { fillRule: "evenodd", children: [jsxRuntime.jsx("circle", { cx: 72, cy: 72, r: 72, fill: "#6ABFA5" }), jsxRuntime.jsx("rect", { width: 24, height: 34, x: 40, y: 81, fill: "#DEDEDE", rx: 8 }), jsxRuntime.jsx("circle", { cx: 76.5, cy: 73.5, r: 24.5, fill: "#D8D8D8", stroke: "#979797" }), jsxRuntime.jsx("rect", { width: 24, height: 34, x: 80, y: 81, fill: "#DEDEDE", rx: 8 }), jsxRuntime.jsx("rect", { width: 80, height: 80, x: 32, y: 32, fill: "#FFF", rx: 8 }), jsxRuntime.jsx("rect", { width: 63, height: 63, x: 40.5, y: 40.5, fill: "#FFF", stroke: "#EEE", rx: 8 }), jsxRuntime.jsx("circle", { cx: 72, cy: 72, r: 20, fill: "#FFF", stroke: "#CCC" }), jsxRuntime.jsx("path", { fill: "#CCC", fillRule: "nonzero", d: "M72.5 52v18.844l13.252-13.251.707.707-13.465 13.463 19.012.243-.012 1-19.024-.242L86.105 86.24l-.716.698L72.5 73.715V92h-1V73.258L58.175 86.584l-.707-.707L70.61 72.734l-18.866-.24.012-1 18.812.239L57.29 58.114l.716-.698L71.5 71.257V52z" }), jsxRuntime.jsx("path", { fill: "#CCC", fillRule: "nonzero", d: "M80.106 53.762 72.895 71.17 90.209 64l.383.924-17.593 7.285 17.472 7.5-.394.92-17.483-7.504L79.573 90.6l-.929.371-6.848-17.148-6.997 16.893-.924-.383 7.172-17.315-17.41 7.212-.383-.924 17.171-7.113-17.338-7.442.395-.919 17.287 7.42-7.054-17.663.929-.37 7.169 17.95 7.37-17.791z" }), jsxRuntime.jsx("circle", { cx: 72, cy: 72, r: 16, fill: "#FFF" }), jsxRuntime.jsx("path", { fill: "#EEE", d: "M103 69v8a4 4 0 1 1 0-8m0-12v8a4 4 0 1 1 0-8m0 24v8a4 4 0 1 1 0-8" }), jsxRuntime.jsx("circle", { cx: 72, cy: 72, r: 8, fill: "#6670A5" })] }) }));
+var VaultColoredIcon = IconWrapper(SvgVaultColoredIcon);
+
 const SvgAbsentIcon = (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 12.75h8q.318 0 .534-.216A.73.73 0 0 0 16.75 12a.73.73 0 0 0-.216-.535.73.73 0 0 0-.534-.215H8a.73.73 0 0 0-.534.216.73.73 0 0 0-.216.534q0 .32.216.535A.73.73 0 0 0 8 12.75m4.002 8.75a9.3 9.3 0 0 1-3.705-.748 9.6 9.6 0 0 1-3.018-2.03 9.6 9.6 0 0 1-2.03-3.016 9.2 9.2 0 0 1-.749-3.704q0-1.972.748-3.705a9.6 9.6 0 0 1 2.03-3.017 9.6 9.6 0 0 1 3.016-2.032 9.2 9.2 0 0 1 3.704-.748q1.972 0 3.705.748a9.6 9.6 0 0 1 3.018 2.03 9.6 9.6 0 0 1 2.03 3.016 9.2 9.2 0 0 1 .749 3.704q0 1.972-.748 3.705a9.6 9.6 0 0 1-2.03 3.018 9.6 9.6 0 0 1-3.016 2.03 9.25 9.25 0 0 1-3.704.749M12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20" }) }));
 var AbsentIcon = IconWrapper(SvgAbsentIcon);
 
@@ -909,6 +912,7 @@ var Icons = /*#__PURE__*/Object.freeze({
     UnlinkIcon: UnlinkIcon,
     UnpinIcon: UnpinIcon,
     UploadIcon: UploadIcon,
+    VaultColoredIcon: VaultColoredIcon,
     VideoIcon: VideoIcon,
     WarningIcon: ExclamationMarkIcon,
     WorkflowIcon: WorkflowIcon
@@ -6339,20 +6343,20 @@ const Header = (props) => {
     "ui:items-center": slotsAlignment === "center",
     "ui:items-start": slotsAlignment === "start"
   });
-  return jsxRuntime.jsxs(Stack, Object.assign({ as: "header", p: "xl", axis: "x", className: classes, gap: "xxl", align: "center", justify: "center", backgroundColor: "background" }, restProps, { children: [(leftActionSlot || rightActionSlot) && jsxRuntime.jsx(Box, { className: "ui:w-[--spacing(9)] ui:h-[--spacing(9)]", children: leftActionSlot }), jsxRuntime.jsx(Stack, { axis: "x", justify: "center", width: "full", className: "ui:lg:max-w-[--spacing(310)]", children: jsxRuntime.jsx(Box, { width: "full", children }) }), (leftActionSlot || rightActionSlot) && jsxRuntime.jsx(Box, { className: "ui:w-[--spacing(9)] ui:h-[--spacing(9)]", children: rightActionSlot })] }));
+  return jsxRuntime.jsxs(Stack, Object.assign({ "data-component": "PageWithCenteredContentLayout.Header", as: "header", p: "xl", axis: "x", className: classes, gap: "xxl", align: "center", justify: "center", backgroundColor: "background" }, restProps, { children: [(leftActionSlot || rightActionSlot) && jsxRuntime.jsx(Box, { className: "ui:w-[--spacing(9)] ui:h-[--spacing(9)]", children: leftActionSlot }), jsxRuntime.jsx(Stack, { axis: "x", justify: "center", width: "full", className: "ui:lg:max-w-[--spacing(310)]", children: jsxRuntime.jsx(Box, { width: "full", children }) }), (leftActionSlot || rightActionSlot) && jsxRuntime.jsx(Box, { className: "ui:w-[--spacing(9)] ui:h-[--spacing(9)]", children: rightActionSlot })] }));
 };
 Header.displayName = "PageWithCenteredContentLayout.Header";
 const Main = (props) => {
   const { children, className } = props, restProps = __rest(props, ["children", "className"]);
-  const classes = classNames__default.default(className, "ui:max-w-[100vw] ui:content-center ui:z-10");
-  return jsxRuntime.jsx(Stack, Object.assign({ as: "main", width: "full", align: "center", p: "xl", className: classes }, restProps, { children: jsxRuntime.jsx(Box, { width: "full", className: "ui:lg:max-w-[--spacing(310)]", children }) }));
+  const classes = classNames__default.default(className, "ui:max-w-[100vw] ui:h-full ui:content-center ui:z-10");
+  return jsxRuntime.jsx(Stack, Object.assign({ "data-component": "PageWithCenteredContentLayout.Main", as: "main", width: "full", align: "center", p: "xl", className: classes }, restProps, { children: jsxRuntime.jsx(Box, { width: "full", className: "ui:lg:max-w-[--spacing(310)] ui:h-full", children }) }));
 };
 Main.displayName = "PageWithCenteredContentLayout.Main";
 const PageWithCenteredContentLayout = (props) => {
   const { header, className, children } = props, restProps = __rest(props, ["header", "className", "children"]);
   const classes = classNames__default.default("ui:min-h-screen", className);
   const headerContainerClasses = classNames__default.default("ui:sticky ui:top-0 ui:z-20", className);
-  return jsxRuntime.jsxs(Stack, Object.assign({ width: "full", align: "stretch", className: classes, backgroundColor: "background" }, restProps, { children: [header && jsxRuntime.jsx(Box, { className: headerContainerClasses, children: header }), children] }));
+  return jsxRuntime.jsxs(Stack, Object.assign({ "data-component": "PageWithCenteredContentLayout", width: "full", align: "stretch", className: classes, backgroundColor: "background" }, restProps, { children: [header && jsxRuntime.jsx(Box, { className: headerContainerClasses, children: header }), children] }));
 };
 PageWithCenteredContentLayout.displayName = "PageWithCenteredContentLayout";
 PageWithCenteredContentLayout.Header = Header;
@@ -6754,6 +6758,7 @@ exports.UnlinkIcon = UnlinkIcon;
 exports.UnorderedList = UnorderedList;
 exports.UnpinIcon = UnpinIcon;
 exports.UploadIcon = UploadIcon;
+exports.VaultColoredIcon = VaultColoredIcon;
 exports.VerticalMenu = VerticalMenu;
 exports.VideoIcon = VideoIcon;
 exports.WarningIcon = ExclamationMarkIcon;