@luscii-healthtech/web-ui 27.1.0 → 27.2.0

package/dist/components/Button/Button.d.ts

@@ -3,6 +3,8 @@ import { BUTTON_ROLES, ButtonProps } from "./Button.types";
 /**
  * TODO: We have to probably use [ButtonV2.tsx](../../components/ButtonV2/ButtonV2.tsx)
  * to replace this component at some point.
+ *
+ * @deprecated use PrimaryButton, SecondaryButton or TertiaryButton instead
  */
 declare function Button(props: ButtonProps): JSX.Element;
 export default Button;

package/dist/components/TimelineCardLayout/TimelineCardLayout.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import { Stack } from "../Stack/Stack";
+type Props = {
+    /**
+     * The title of the cell
+     */
+    title: string;
+    /**
+     * Renders an empasized version of the dot and title to emphasize them.
+     * This should be used to indicate special moments in the timeline like the day or week of the moment.
+     *
+     * @default false
+     */
+    emphasized?: boolean;
+    /**
+     * Sets the lineStyle to be either solid or dashed.
+     * This should be used to indicate an incomplete duration like the first week of a moment.
+     *
+     * @default "solid"
+     */
+    lineStyle?: "solid" | "dashed";
+} & React.ComponentProps<typeof Stack>;
+/**
+ * Lays out its content with a timeline indicator, line and a title.
+ */
+export declare const TimelineCardLayout: React.FC<Props>;
+export {};

package/dist/index.d.ts

@@ -95,4 +95,5 @@ export { default as DragHandle, type DragHandleProps, } from "./components/DragH
 export { FileUpload as File, type FileUploadProps as FileProps, } from "./components/FileUpload/FileUpload";
 export { StatusIndicator } from "./components/StatusIndicator/StatusIndicator";
 export { TimelineCard } from "./components/TimelineCard/TimelineCard";
+export { TimelineCardLayout } from "./components/TimelineCardLayout/TimelineCardLayout";
 export { LocaleProvider } from "./context/LocaleContext";

package/dist/index.development.js

@@ -6038,6 +6038,38 @@ const TimelineCard = ({ title, subtitle, icon, statusText, state = "default" })
   );
 };
 
+const TimelineDot = () => React__namespace.default.createElement(
+  "svg",
+  { width: "24", height: "24", fill: "none" },
+  React__namespace.default.createElement("circle", { width: "16", height: "16", cx: "12", cy: "12", r: "8", className: "ui-fill-blue-300" })
+);
+const TimelineEmphasizedDot = () => React__namespace.default.createElement(
+  "svg",
+  { width: "24", height: "24", fill: "none" },
+  React__namespace.default.createElement("circle", { cx: "12", cy: "11.5", r: "9.5", className: "ui-fill-white ui-stroke-blue-800 ui-stroke-[4px]" })
+);
+const TimelineCardLayout = (_a) => {
+  var { title, lineStyle = "solid", emphasized = false, children } = _a, stackProps = __rest(_a, ["title", "lineStyle", "emphasized", "children"]);
+  return React__namespace.default.createElement(
+    Stack,
+    Object.assign({ axis: "x", className: classNames__default.default({
+      "ui-timelineCardLayout-line--dashed": lineStyle === "dashed",
+      "ui-timelineCardLayout-line--solid": lineStyle === "solid"
+    }, "ui-bg-[left_11px_top]"), gap: "s", width: "full" }, stackProps),
+    React__namespace.default.createElement(Box, { "aria-hidden": "true" }, emphasized ? React__namespace.default.createElement(TimelineEmphasizedDot, null) : React__namespace.default.createElement(TimelineDot, null)),
+    React__namespace.default.createElement(
+      Stack,
+      { gap: "s", width: "full" },
+      React__namespace.default.createElement(
+        Stack,
+        { axis: "x", gap: "s", align: "center" },
+        React__namespace.default.createElement(Title, { type: "xs", color: emphasized ? "blue-800" : "base" }, title)
+      ),
+      children
+    )
+  );
+};
+
 Object.defineProperty(exports, 'Toaster', {
     enumerable: true,
     get: function () { return sonner.Toaster; }
@@ -6219,6 +6251,7 @@ exports.TextLink = TextLink;
 exports.Textarea = Textarea;
 exports.Timeline = Timeline;
 exports.TimelineCard = TimelineCard;
+exports.TimelineCardLayout = TimelineCardLayout;
 exports.Title = Title;
 exports.TrashBinIcon = DeleteIcon;
 exports.TreeIcon = TreeIcon;