@luscii-healthtech/web-ui 2.19.0 → 2.19.2

package/dist/web-ui.esm.js

@@ -1766,7 +1766,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, {
@@ -2461,11 +2462,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;
@@ -2579,12 +2581,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,
@@ -2595,20 +2597,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