@luscii-healthtech/web-ui 27.2.3 → 27.3.1

package/dist/components/TimelineCard/TimelineCard.d.ts

@@ -6,7 +6,7 @@ type Props = {
     /**
      * The icon which could either be a link to an image or an icon key
      */
-    icon: {
+    icon?: {
         url: string;
         iconKey?: never;
     } | {
@@ -18,10 +18,13 @@ type Props = {
      */
     statusText?: string;
     /**
-     * The state of the card, currently the only options are highlighted and default
+     * The state of the card, options are:
+     * - default
+     * - highlighted
+     * - bold
      * @default "default"
      */
-    state?: "default" | "highlighted";
+    state?: "default" | "highlighted" | "bold";
 };
 export declare const TimelineCard: FC<Props>;
 export {};

package/dist/index.development.js

@@ -2560,7 +2560,7 @@ const NotificationBanner = (props) => {
     "div",
     { "data-test-id": "notification-banner", className: classNames__default.default(classes, { "ui-inline-flex": !stretch }) },
     props.icon && (typeof props.icon === "function" ? React__namespace.default.createElement(props.icon, {
-      className: "ui-w-6 ui-h-6 ui-mr-3"
+      className: "ui-w-6 ui-h-6 ui-mr-3 ui-flex-shrink-0"
     }) : React__namespace.default.createElement("img", { src: props.icon, className: "ui-mr-3 ui-h-6 ui-w-6" })),
     React__namespace.default.createElement(
       "div",
@@ -6024,12 +6024,13 @@ const TimelineCard = ({ title, subtitle, icon, statusText, state = "default" })
           React__namespace.default.createElement(
             Stack,
             { gap: "m", axis: "x", align: "center" },
-            icon.url && React__namespace.default.createElement("img", { src: icon.url }),
-            icon.iconKey && React__namespace.default.createElement(Icon, { name: icon.iconKey }),
+            icon && icon.url && React__namespace.default.createElement("img", { src: icon.url }),
+            icon && icon.iconKey && React__namespace.default.createElement(Icon, { name: icon.iconKey }),
             React__namespace.default.createElement(
               Stack,
               null,
-              React__namespace.default.createElement(Text, { variant: state === "highlighted" ? "strong" : "base" }, title),
+              (state === "bold" || state === "highlighted") && React__namespace.default.createElement(Title, { type: "xs" }, title),
+              state === "default" && React__namespace.default.createElement(Text, { variant: "base", color: "slate-500" }, title),
               subtitle && React__namespace.default.createElement(Text, { variant: "sm", color: "slate-500" }, subtitle)
             )
           )