@rehagro/ui 1.0.60 → 1.0.62

package/dist/index.mjs

@@ -1580,17 +1580,21 @@ var CheckIcon2 = ({ className }) => /* @__PURE__ */ jsx(
     )
   }
 );
-var RadioIcon = ({ isSelected }) => /* @__PURE__ */ jsx(
-  "span",
+var RadioIcon = ({ isSelected }) => /* @__PURE__ */ jsxs(
+  "svg",
   {
-    className: [
-      "rh-inline-flex rh-items-center rh-justify-center",
-      "rh-w-4 rh-h-4 rh-shrink-0",
-      "rh-border rh-rounded-full rh-transition-colors rh-duration-150",
-      isSelected ? "rh-border-primary" : "rh-border-border rh-bg-surface"
-    ].filter(Boolean).join(" "),
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
     "aria-hidden": "true",
-    children: isSelected && /* @__PURE__ */ jsx("span", { className: "rh-w-2.5 rh-h-2.5 rh-rounded-full rh-bg-primary" })
+    className: [
+      "rh-shrink-0 rh-transition-colors rh-duration-150",
+      isSelected ? "rh-text-primary rh-fill-surface" : "rh-text-border rh-fill-surface"
+    ].join(" "),
+    children: [
+      /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1" }),
+      isSelected && /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "5", className: "rh-fill-primary", stroke: "none" })
+    ]
   }
 );
 var Select = forwardRef(function Select2(props, ref) {
@@ -4523,7 +4527,10 @@ var DatePickerDropdown = ({
                 "button",
                 {
                   type: "button",
-                  style: { backgroundColor: selected ? "#15607A" : "transparent", ...calendarTextStyle },
+                  style: {
+                    backgroundColor: selected ? "#15607A" : "transparent",
+                    color: selected ? "#FFFFFF" : textColor
+                  },
                   onMouseDown: (e) => {
                     e.preventDefault();
                     setTempDate(new Date(viewYear, viewMonth, day));
@@ -4684,8 +4691,8 @@ var CustomSelect = ({
         children: /* @__PURE__ */ jsx("div", { className: "rh-flex rh-items-center rh-gap-2 rh-flex-1 rh-px-0.5", children: /* @__PURE__ */ jsx(
           "span",
           {
-            className: "rh-text-[14px] rh-px-3.5 rh-py-0.5 rh-rounded-xl rh-whitespace-normal rh-break-words",
-            style: { backgroundColor: displayBg || "transparent", fontFamily: "Inter, sans-serif", color: displayTextColor },
+            className: "rh-px-3.5 rh-line-height-[20px] rh-rounded-xl rh-whitespace-normal rh-text-ellipsis rh-text-nowrap",
+            style: { fontSize: type === "date" ? "14px" : "12px", fontWeight: type === "date" ? "normal" : "bold", backgroundColor: displayBg || "transparent", fontFamily: "Inter, sans-serif", color: displayTextColor },
             children: displayLabel
           }
         ) })
@@ -4719,7 +4726,7 @@ var CustomSelect = ({
                 /* @__PURE__ */ jsx(
                   "span",
                   {
-                    className: "rh-p-0.5 rh-px-2 rh-rounded-xl rh-text-white rh-text-[14px] rh-whitespace-normal rh-break-words",
+                    className: "rh-px-2 rh-rounded-xl rh-text-white rh-text-[12px] rh-whitespace-normal rh-break-words",
                     style: {
                       backgroundColor: option.backgroundColor || backgroundColor || "transparent",
                       fontFamily: "Inter, sans-serif",
@@ -4767,7 +4774,6 @@ function TableInner({
   rowClickable = false,
   onRowClick,
   disableEditableControls = false,
-  disableEditableSelects = false,
   size = "md",
   variant = "default",
   sort,
@@ -4787,7 +4793,7 @@ function TableInner({
   className = "",
   ...rest
 }, ref) {
-  const shouldDisableEditableControls = disableEditableControls || disableEditableSelects;
+  const shouldDisableEditableControls = disableEditableControls;
   const handleSort = (column) => {
     if (!column.sortable || !onSortChange) return;
     const newDirection = sort?.key === column.key ? sort.direction === "asc" ? "desc" : sort.direction === "desc" ? null : "asc" : "asc";