@luscii-healthtech/web-ui 27.2.3 → 27.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6,7 +6,7 @@ type Props = {
6
6
  /**
7
7
  * The icon which could either be a link to an image or an icon key
8
8
  */
9
- icon: {
9
+ icon?: {
10
10
  url: string;
11
11
  iconKey?: never;
12
12
  } | {
@@ -18,10 +18,13 @@ type Props = {
18
18
  */
19
19
  statusText?: string;
20
20
  /**
21
- * The state of the card, currently the only options are highlighted and default
21
+ * The state of the card, options are:
22
+ * - default
23
+ * - highlighted
24
+ * - bold
22
25
  * @default "default"
23
26
  */
24
- state?: "default" | "highlighted";
27
+ state?: "default" | "highlighted" | "bold";
25
28
  };
26
29
  export declare const TimelineCard: FC<Props>;
27
30
  export {};
@@ -6024,12 +6024,13 @@ const TimelineCard = ({ title, subtitle, icon, statusText, state = "default" })
6024
6024
  React__namespace.default.createElement(
6025
6025
  Stack,
6026
6026
  { gap: "m", axis: "x", align: "center" },
6027
- icon.url && React__namespace.default.createElement("img", { src: icon.url }),
6028
- icon.iconKey && React__namespace.default.createElement(Icon, { name: icon.iconKey }),
6027
+ icon && icon.url && React__namespace.default.createElement("img", { src: icon.url }),
6028
+ icon && icon.iconKey && React__namespace.default.createElement(Icon, { name: icon.iconKey }),
6029
6029
  React__namespace.default.createElement(
6030
6030
  Stack,
6031
6031
  null,
6032
- React__namespace.default.createElement(Text, { variant: state === "highlighted" ? "strong" : "base" }, title),
6032
+ (state === "bold" || state === "highlighted") && React__namespace.default.createElement(Title, { type: "xs" }, title),
6033
+ state === "default" && React__namespace.default.createElement(Text, { variant: "base", color: "slate-500" }, title),
6033
6034
  subtitle && React__namespace.default.createElement(Text, { variant: "sm", color: "slate-500" }, subtitle)
6034
6035
  )
6035
6036
  )