@luscii-healthtech/web-ui 23.2.7 → 23.2.9

package/dist/components/CenteredHero/CenteredHero.d.ts

@@ -9,6 +9,7 @@ export interface CenteredHeroProps {
     imageSize?: ImageSize;
     buttons?: ButtonProps[];
     background?: BackgroundColor;
+    dataTestId?: string;
 }
-declare const CenteredHero: ({ title, text, image, buttons, background, imageSize, }: CenteredHeroProps) => JSX.Element;
+declare const CenteredHero: ({ title, text, image, buttons, background, imageSize, dataTestId, }: CenteredHeroProps) => JSX.Element;
 export default CenteredHero;

package/dist/index.development.js

@@ -1185,12 +1185,13 @@ function createAssetLoadError(payload, callback) {
 }
 const BaseListItem = React__namespace.default.forwardRef(({ itemId, title, tooltipId, roundTop, roundBottom = true, isDraggable, isSelected, subtitle, accessories, icon, onClick, handleItemClick, onAssetLoadError, dataTestId, renderDragHandle, withBorder, htmlProps }, ref) => {
   const clickHandler = onClick !== null && onClick !== void 0 ? onClick : handleItemClick;
-  const className = classNames__default.default("ui-flex ui-flex-row ui-items-center ui-space-x-4 ui-bg-white", "ui-px-4 ui-border-b last:ui-border-b-0 ui-border-slate-200", {
+  const className = classNames__default.default("ui-flex ui-flex-row ui-items-center ui-space-x-4 ui-bg-white", "ui-px-4 ui-border-b ui-border-slate-200", {
     "first:ui-rounded-t": roundTop,
     "ui-cursor-pointer": clickHandler,
     "hover:ui-bg-blue-50 ui-transition-colors ui-ease-in-out ui-duration-300": clickHandler,
     "last:ui-rounded-b ": roundBottom,
-    "first:ui-border-t ui-border-l ui-border-r last:ui-border-b": withBorder
+    "last:ui-border-b-0": !withBorder,
+    "first:ui-border-t ui-border-l ui-border-r": withBorder
   });
   return React__namespace.default.createElement(
     "li",
@@ -2310,13 +2311,13 @@ const Carousel = ({ slides, className, id }) => {
   ) : React__namespace.default.createElement(React__namespace.default.Fragment, null);
 };
 
-const CenteredHero = ({ title, text, image, buttons = [], background = "slate-50", imageSize = "small" }) => {
+const CenteredHero = ({ title, text, image, buttons = [], background = "slate-50", imageSize = "small", dataTestId = "centered-hero" }) => {
   return React__namespace.default.createElement(
     "div",
     { className: classNames__default.default("ui-align-center ui-flex ui-w-full ui-flex-col ui-items-center ui-p-6", {
       "ui-bg-white": background === "white",
       "ui-bg-slate-50": background === "slate-50"
-    }) },
+    }), "data-test-id": dataTestId },
     image && React__namespace.default.createElement("img", { src: image, className: classNames__default.default("ui-mb-4", {
       "ui-h-36 ui-w-36": imageSize === "small",
       "ui-h-72 ui-w-72": imageSize === "large"