@luscii-healthtech/web-ui 2.19.0 → 2.19.2

package/dist/components/Modal/Modal.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { ModalBaseProps } from "./ModalBase";
-export declare type ModalProps = Omit<ModalBaseProps, "title"> & {
+export declare type ModalProps = Omit<ModalBaseProps, "title" | "withExtraMarginTop"> & {
     title: string;
 };
 export declare const Modal: React.FC<ModalProps>;

package/dist/components/Modal/ModalBase.d.ts

@@ -6,6 +6,7 @@ export declare type ModalBaseProps = Omit<ModalHeaderProps, "title"> & {
     children: React.ReactNode;
     size?: ModalSize;
     withExtraMarginTop?: boolean;
+    withContentPaddingY?: boolean;
     isOpen?: boolean;
     shouldCloseOnOverlayClick?: boolean;
     title?: string;

package/dist/web-ui-tailwind.css

@@ -1178,6 +1178,10 @@ video {
   align-items: center;
 }
 
+.self-start {
+  align-self: flex-start;
+}
+
 .justify-items-stretch {
   justify-items: stretch;
 }
@@ -1326,6 +1330,10 @@ video {
   font-size: 4rem;
 }
 
+.leading-4 {
+  line-height: 1rem;
+}
+
 .leading-5 {
   line-height: 1.25rem;
 }
@@ -1453,10 +1461,6 @@ video {
   margin-bottom: 1.5rem;
 }
 
-.ml-6 {
-  margin-left: 1.5rem;
-}
-
 .ml-10 {
   margin-left: 2.5rem;
 }
@@ -2202,11 +2206,6 @@ video {
   transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
 }
 
-.scale-150 {
-  --transform-scale-x: 1.5;
-  --transform-scale-y: 1.5;
-}
-
 .-translate-x-1\/2 {
   --transform-translate-x: -50%;
 }

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

@@ -1774,7 +1774,8 @@ var ModalBase = function ModalBase(props) {
     title: props.title,
     onCloseClick: props.onCloseClick
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: classNames("p-6", {
+    className: classNames("px-6", {
+      "py-6": props.withContentPaddingY,
       "rounded-t-lg": !props.title
     })
   }, props.children), /*#__PURE__*/React__default.createElement(ModalFooter, {
@@ -2469,11 +2470,12 @@ var ConfirmationDialogTitle = function ConfirmationDialogTitle(props) {
   var _props$title;
 
   return props.title ? /*#__PURE__*/React__default.createElement("div", {
-    className: classNames("flex flex-col space-y-2 ", {
+    "data-test-id": "confirmation-dialog-title",
+    className: classNames("flex flex-col space-y-2", {
       "items-center justify-center": (_props$title = props.title) == null ? void 0 : _props$title.icon
     })
   }, props.title.icon && /*#__PURE__*/React__default.createElement(props.title.icon, {
-    className: "transform scale-150 text-blue-800"
+    className: "text-blue-800 dialog-header-icon h-12 w-12"
   }), /*#__PURE__*/React__default.createElement(Title, {
     text: props.title.title
   })) : null;
@@ -2587,12 +2589,12 @@ function RadioInner(_ref) {
       disabled = otherProps.disabled;
   var nameHtmlFor = "field-" + value;
   return /*#__PURE__*/React__default.createElement("label", {
-    className: "radio-form-field-label leading-tight",
+    className: "radio-form-field-label leading-tight flex flex-row",
     htmlFor: nameHtmlFor,
     "data-has-error": isError,
     "data-test-id": nameHtmlFor
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-row items-center "
+    className: "flex flex-row items-center self-start"
   }, /*#__PURE__*/React__default.createElement("input", _extends({}, otherProps, {
     className: classNames("appearance-none", className),
     ref: innerRef,
@@ -2603,20 +2605,21 @@ function RadioInner(_ref) {
     className: classNames("flex flex-col items-center justify-center w-4 h-4 transition-colors duration-300 ease-in-out border radio-circle rounded-xl border-slate-300")
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "block transition-colors duration-300 ease-in-out radio-inner-circle w-1.5 h-1.5 rounded-xl"
-  })), text && /*#__PURE__*/React__default.createElement("div", {
-    className: "ml-2"
+  }))), /*#__PURE__*/React__default.createElement("div", {
+    className: "space-y-2"
+  }, text && /*#__PURE__*/React__default.createElement("div", {
+    className: "ml-2 flex items-center"
   }, /*#__PURE__*/React__default.createElement(Text, {
     inline: true,
     text: text,
     type: "base",
     color: disabled ? "slate-500" : undefined
-  }))), info && /*#__PURE__*/React__default.createElement(Text, {
-    inline: true,
-    className: "ml-6",
+  })), info && /*#__PURE__*/React__default.createElement(Text, {
+    className: "ml-2 leading-4",
     text: info,
     type: "sm",
     color: disabled ? "slate-200" : "slate-500"
-  }));
+  })));
 }
 /**
  * TODO: The CSS styling is all messed up, including isError