@luscii-healthtech/web-ui 42.4.4 → 42.5.0

package/dist/index.development.js

@@ -724,6 +724,9 @@ var TreeIcon = IconWrapper(SvgTreeIcon);
 const SvgUnassignedIcon = (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.596 11.642q.639-.694.944-1.594.306-.9.306-1.856t-.306-1.856a4.4 4.4 0 0 0-.944-1.594q1.318.152 2.188 1.138t.87 2.312-.87 2.313a3.33 3.33 0 0 1-2.188 1.137m4.863 7.666q.189-.345.288-.733.1-.388.1-.787v-.826q0-.819-.334-1.556a3.6 3.6 0 0 0-.944-1.267q1.15.383 2.117 1.032.968.65.968 1.79v.828q0 .632-.444 1.075a1.47 1.47 0 0 1-1.075.444zm4.945-8.558h-4a.73.73 0 0 1-.535-.216.73.73 0 0 1-.215-.534q0-.32.215-.534a.73.73 0 0 1 .535-.216h4q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.534a.73.73 0 0 1-.534.216m-14.058.942q-1.443 0-2.472-1.028T4.846 8.192t1.028-2.471 2.472-1.029 2.472 1.029 1.028 2.471-1.028 2.472-2.472 1.028m-7.5 6.096v-.704q0-.735.4-1.36a2.66 2.66 0 0 1 1.065-.963 14.5 14.5 0 0 1 2.992-1.09 12.95 12.95 0 0 1 6.086 0 14.5 14.5 0 0 1 2.992 1.09q.667.338 1.066.963.4.625.4 1.36v.704q0 .633-.444 1.076a1.47 1.47 0 0 1-1.076.444H2.365q-.632 0-1.076-.444a1.47 1.47 0 0 1-.443-1.076m7.5-7.596q.825 0 1.413-.587.587-.588.587-1.413 0-.824-.587-1.412a1.93 1.93 0 0 0-1.413-.588q-.824 0-1.412.588a1.93 1.93 0 0 0-.588 1.412q0 .825.588 1.413.587.587 1.412.587m-6 7.616h12v-.724a1 1 0 0 0-.176-.562 1.3 1.3 0 0 0-.478-.422 13 13 0 0 0-2.635-.965 11.4 11.4 0 0 0-5.422 0q-1.343.33-2.635.965-.301.164-.478.422a1 1 0 0 0-.176.563z" }) }));
 var UnassignedIcon = IconWrapper(SvgUnassignedIcon);
 
+const SvgUnlinkIcon = (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: "m15.423 12.755-1.342-1.342h.9q.319 0 .534.216a.73.73 0 0 1 .216.534.7.7 0 0 1-.08.344.7.7 0 0 1-.228.248m5.25 9.135a.72.72 0 0 1-.527.217.72.72 0 0 1-.527-.217L2.273 4.544a.73.73 0 0 1-.212-.522.7.7 0 0 1 .212-.532.72.72 0 0 1 .527-.218q.31 0 .527.218l17.346 17.346q.209.209.213.522a.7.7 0 0 1-.213.532M7.04 16.701q-1.884 0-3.21-1.328-1.33-1.327-1.33-3.209 0-1.667 1.074-2.926a4.35 4.35 0 0 1 2.695-1.52H6.5l1.408 1.407h-.87q-1.26 0-2.148.89A2.93 2.93 0 0 0 4 12.163q0 1.26.89 2.149.888.89 2.149.89h3.038q.32 0 .535.215a.73.73 0 0 1 .215.534.73.73 0 0 1-.215.535.73.73 0 0 1-.535.215zm1.98-3.788a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h1.193l1.475 1.5zm9.318 2.858a.76.76 0 0 1-.11-.568.65.65 0 0 1 .33-.461q.663-.405 1.053-1.084.39-.678.39-1.495 0-1.26-.884-2.149a2.9 2.9 0 0 0-2.135-.89h-3.058a.73.73 0 0 1-.534-.215.73.73 0 0 1-.216-.535q0-.318.216-.534a.73.73 0 0 1 .534-.216h3.058q1.873 0 3.196 1.328t1.323 3.211q0 1.186-.577 2.191a4.64 4.64 0 0 1-1.558 1.628.75.75 0 0 1-.562.11.7.7 0 0 1-.466-.321", opacity: 0.6 }) }));
+var UnlinkIcon = IconWrapper(SvgUnlinkIcon);
+
 const SvgUnpinIcon = (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: "M14 5h-4v2.175L7.567 4.742a.7.7 0 0 1-.163-.236.7.7 0 0 1-.048-.262q0-.284.191-.514a.65.65 0 0 1 .528-.23h7.675q.318 0 .534.216a.73.73 0 0 1 .216.537q0 .3-.262.44A4 4 0 0 0 15.75 5h-.25v6q0 .319-.216.534a.73.73 0 0 1-.534.216.72.72 0 0 1-.535-.216A.73.73 0 0 1 14 11zm-2.75 16v-5.5H8.179q-.55 0-.881-.385a1.28 1.28 0 0 1-.33-.857q-.001-.237.094-.469.094-.232.303-.443L8.5 12.211V10.64L2.658 4.765a.74.74 0 0 1-.22-.514.7.7 0 0 1 .222-.542.7.7 0 0 1 .525-.215q.31 0 .526.217l16.177 16.177a.7.7 0 0 1 .22.53.787.787 0 0 1-.762.764.7.7 0 0 1-.527-.225L13.361 15.5h-.611V21q0 .318-.216.534a.73.73 0 0 1-.534.216.72.72 0 0 1-.535-.216.73.73 0 0 1-.215-.534m-2.4-7h3.03l-1.85-1.83-.03.68z" }) }));
 var UnpinIcon = IconWrapper(SvgUnpinIcon);
 
@@ -881,6 +884,7 @@ var Icons = /*#__PURE__*/Object.freeze({
     TrashBinIcon: TrashBinIcon,
     TreeIcon: TreeIcon,
     UnassignedIcon: UnassignedIcon,
+    UnlinkIcon: UnlinkIcon,
     UnpinIcon: UnpinIcon,
     UploadIcon: UploadIcon,
     VideoIcon: VideoIcon,
@@ -2044,7 +2048,7 @@ function TagIcon({ colorTheme, size }) {
 }
 
 function ChatBubble(props) {
-  const { as: Component = "div", children, className, sender: _, timestamp: __, readReceipt, color = "blue", tipPosition } = props, rest = __rest(props, ["as", "children", "className", "sender", "timestamp", "readReceipt", "color", "tipPosition"]);
+  const { as: Component = "div", children, className, sender: _, timestamp: __, readReceipt, color = "blue", tipPosition, footerAccessory } = props, rest = __rest(props, ["as", "children", "className", "sender", "timestamp", "readReceipt", "color", "tipPosition", "footerAccessory"]);
   const isInteractive = (Component === "button" || Component === "a") && !rest.disabled;
   const tipPositionClasses = classNames__default.default({
     "ui:hidden": !tipPosition,
@@ -2067,10 +2071,10 @@ function ChatBubble(props) {
   return jsxRuntime.jsx(Component, Object.assign({}, rest, { className: classNames__default.default("ui:group/chat-bubble ui:text-left", {
     "ui:pl-[16px]": tipPosition === "top-left" || tipPosition === "bottom-left",
     "ui:pr-[16px]": tipPosition === "top-right" || tipPosition === "bottom-right"
-  }, transitionClasses, className), children: jsxRuntime.jsxs("div", { className: classNames__default.default("ui:transition-colors ui:duration-150 ui:ease-out", backgroundColorClasses, "ui:relative ui:grid ui:gap-xxs ui:p-m ui:radius-m", {
+  }, transitionClasses, className), children: jsxRuntime.jsxs("div", { className: classNames__default.default("ui:transition-colors ui:duration-150 ui:ease-out", backgroundColorClasses, "ui:relative ui:grid ui:p-m ui:radius-m", {
     "ui:group-hover/chat-bubble:bg-blue-50": isInteractive && color === "blue",
     "ui:group-hover/chat-bubble:bg-slate-50": isInteractive && color === "grey"
-  }), children: [jsxRuntime.jsx("div", { className: classNames__default.default(tipColorClasses, tipPositionClasses, transitionClasses, "ui:absolute ui:h-[11px] ui:w-[11px] ui:transform ui:border-11") }), jsxRuntime.jsx(Meta, Object.assign({}, props)), jsxRuntime.jsx(Content$1, { children }), jsxRuntime.jsx("div", { className: "ui:absolute ui:radius-m" }), readReceipt && jsxRuntime.jsx(Text, { variant: "sm", children: readReceipt })] }) }));
+  }), children: [jsxRuntime.jsx("div", { className: classNames__default.default(tipColorClasses, tipPositionClasses, transitionClasses, "ui:absolute ui:h-[11px] ui:w-[11px] ui:transform ui:border-11") }), jsxRuntime.jsx(Meta, Object.assign({}, props)), jsxRuntime.jsxs(Stack, { width: "full", gap: "xxs", children: [jsxRuntime.jsx(Content$1, { children }), readReceipt || footerAccessory ? jsxRuntime.jsxs(Stack, { axis: "x", gap: "xxs", align: "center", divider: jsxRuntime.jsx(Text, { as: "span", color: "on-surface-variant", children: "\u2022" }), children: [readReceipt && jsxRuntime.jsx(Text, { variant: "sm", children: readReceipt }), footerAccessory] }) : null] })] }) }));
 }
 function Meta(props) {
   const { sender, timestamp } = props;
@@ -2091,7 +2095,7 @@ function ChatBubbleText(props) {
 }
 ChatBubble.Text = ChatBubbleText;
 function ChatBubbleDateIndicator(props) {
-  return jsxRuntime.jsx("div", { className: "ui:flex ui:justify-center", children: jsxRuntime.jsx(Tag, { colorTheme: "gray", size: "small", children: props.children }) });
+  return jsxRuntime.jsx("div", { className: "ui:flex ui:justify-center", children: jsxRuntime.jsx(Tag, { colorTheme: "gray", size: "small", className: "ui:py-2", children: props.children }) });
 }
 ChatBubble.DateIndicator = ChatBubbleDateIndicator;
 
@@ -6473,6 +6477,7 @@ exports.TrashBinIcon = TrashBinIcon;
 exports.TreeIcon = TreeIcon;
 exports.UList = UnorderedList;
 exports.UnassignedIcon = UnassignedIcon;
+exports.UnlinkIcon = UnlinkIcon;
 exports.UnorderedList = UnorderedList;
 exports.UnpinIcon = UnpinIcon;
 exports.UploadIcon = UploadIcon;