@luscii-healthtech/web-ui 2.26.0 → 2.28.0

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

@@ -1,12 +1,14 @@
 /// <reference types="react" />
 import { ButtonProps } from "../Button/Button.types";
 export declare type BackgroundColor = "white" | "slate-50";
+export declare type ImageSize = "small" | "large";
 export interface CenteredHeroProps {
     title: string;
     text: string;
     image: string;
+    imageSize?: ImageSize;
     buttons?: ButtonProps[];
     background?: BackgroundColor;
 }
-declare const CenteredHero: ({ title, text, image, buttons, background, }: CenteredHeroProps) => JSX.Element;
+declare const CenteredHero: ({ title, text, image, buttons, background, imageSize, }: CenteredHeroProps) => JSX.Element;
 export default CenteredHero;

package/dist/web-ui-tailwind.css

@@ -1288,6 +1288,10 @@ video {
   height: 14rem;
 }
 
+.h-72 {
+  height: 18rem;
+}
+
 .h-2\.5 {
   height: 0.625rem;
 }

package/dist/web-ui.cjs.development.js

@@ -1444,7 +1444,7 @@ var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React__default.createElement(icon, {
     className: "w-6 h-6 text-slate-300 "
   })), /*#__PURE__*/React__default.createElement("input", _extends({}, otherProps, {
-    "data-test-id": "input-component",
+    "data-test-id": "input-" + name,
     name: name,
     value: innerValue,
     onChange: handleChangeEvent,
@@ -2326,7 +2326,9 @@ var CenteredHero = function CenteredHero(_ref) {
       _ref$buttons = _ref.buttons,
       buttons = _ref$buttons === void 0 ? [] : _ref$buttons,
       _ref$background = _ref.background,
-      background = _ref$background === void 0 ? "slate-50" : _ref$background;
+      background = _ref$background === void 0 ? "slate-50" : _ref$background,
+      _ref$imageSize = _ref.imageSize,
+      imageSize = _ref$imageSize === void 0 ? "small" : _ref$imageSize;
   return /*#__PURE__*/React__default.createElement("div", {
     className: classNames("p-6 flex flex-col items-center align-center w-full", {
       "bg-white": background === "white",
@@ -2334,7 +2336,10 @@ var CenteredHero = function CenteredHero(_ref) {
     })
   }, image && /*#__PURE__*/React__default.createElement("img", {
     src: image,
-    className: "h-36 w-36 mb-4"
+    className: classNames("mb-4", {
+      "h-36 w-36": imageSize === "small",
+      "h-72 w-72": imageSize === "large"
+    })
   }), title && /*#__PURE__*/React__default.createElement(Title, {
     text: title,
     type: "base"