@luscii-healthtech/web-ui 2.18.0 → 2.19.1

package/dist/components/CheckBoxListModal/CheckboxListModal.d.ts

@@ -1,11 +1,9 @@
 /// <reference types="react" />
-export interface Item {
-    id: string;
-    label: string;
-    isChecked: boolean;
+import { CheckboxGroupItemProps } from "../CheckboxList/CheckboxList.types";
+export declare type Item = {
     group?: string;
     isPinned?: boolean;
-}
+} & Pick<CheckboxGroupItemProps, "id" | "label" | "isChecked" | "isDisabled">;
 export interface Group {
     title?: string;
     items: Item[];

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

@@ -2469,11 +2469,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 +2588,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 +2604,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